原文:CSS3(2)--- 过渡(transition) CSS3(2)--- 过渡(transition) 一、概念 1、什么是过渡 通俗理解 是从一个状态 渐渐的过渡到 另外一个状态。 比如一个盒子原先宽度为100px,当鼠标点击时盒子的宽度变成200px,如果直接从100px变化到200px。... ...
分类:
Web程序 时间:
2020-01-11 23:48:14
阅读次数:
100
div > ul > li*7 或者用 div 中间li + 3d 效果:translateX() translateY() translateZ() rotateX() rotateY() rotateZ() xyz 见图: 往网页里面去是正值 body{ perspective:800px} d ...
分类:
其他好文 时间:
2020-01-11 15:16:28
阅读次数:
73
CSS3(4) 动画(animation) 之前有写过过渡: "CSS3(2) 过渡(transition)" 个人理解两者不同点在于 只能指定属性的 开始值 与 结束值 ,然后在这两个属性值之间进行平滑过渡来实现动画效果,因此只能实现简单的动画效果。 除了定义 开始值 和 结束值 ,在这之间还可以 ...
分类:
Web程序 时间:
2020-01-05 00:33:05
阅读次数:
100
html css 部分省略; 假如一个图片想让他慢慢放大,再慢慢回原来形状; 错误写法: .d1 img:hover{ transform: scale(1.2); //鼠标移上去 图片放大1.2倍; transition: 2s; // +如前面属性 放大时候图片2s内放大1.2倍,鼠标离开时瞬间 ...
分类:
Web程序 时间:
2020-01-03 21:16:46
阅读次数:
227
在开发Vue项目时,大部分组件是没有必要多次渲染的,所以Vue提供了一个内置组件keep-alive来缓存组件内部状态,避免重复渲染 文档:和<transition>相似,<keep-alive>是一个抽象组件:他自身不会渲染一个DOM元素,也不会出现在父组件链中 一、用法 1、缓存动态组件 <ke ...
分类:
其他好文 时间:
2020-01-02 15:24:45
阅读次数:
105
1、transition、transform、animate的区别? transition:过渡效果,它有4个属性:transition: property duration timing-function delay; property :css属性的名称 duration :多长时间完成 tim ...
分类:
其他好文 时间:
2020-01-01 20:16:20
阅读次数:
62
论文地址 "PER" PER的基本思路跟传统强化学习里面的Prioritized Sweeping基本一样。就是从replay buffer中sample的时候按照优先级sample,优先级用transition 的TD error来表示。transition 的TD error越大说明这个需要更好 ...
分类:
其他好文 时间:
2020-01-01 00:05:36
阅读次数:
109
直接上代码,很简单可以直接看懂: <!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <title>One Div Mail (Using transition)</title> <link rel="stylesheet" ...
分类:
其他好文 时间:
2019-12-29 23:23:50
阅读次数:
127
一、新建VUE页面(VUE动画效果页)二、配置路由三、主页增加链接代码:<template><div><divclass="title"><transitionname="fade"><pv-if="show">vue动画</p></transition></div><buttonv-on:cli
分类:
其他好文 时间:
2019-12-26 16:04:29
阅读次数:
76
2.transition 简单实例 demo1→ "在线预览源代码" 效果 demo2→ "在线预览源代码" 效果 demo3→ "在线预览源代码" 效果 ...
分类:
Web程序 时间:
2019-12-24 14:03:33
阅读次数:
95