一. JS动画和CSS动画区别。 CSS实现动画：animation transition transform JS实现动画：setInterval setTimeout requestAnimationFrame JS动画： 优点： 1. 过程控制，可以在动画播放过程中对动画进行控制：开始、暂停、 ...
分类：
Web程序 时间：
2019-05-02 21:32:53
阅读次数：
172
应用transition属性产生动画效果 css中的transition属性设置元素的变化过程所需的时间。 <!DOCTYPE html> <html> <head> <style type="text/css"> .adiv{ position:absolute; text-align:cente ...
分类：
Web程序 时间：
2019-04-27 10:10:35
阅读次数：
145
动画相关 参考：https://codepen.io/JulianLaval/pen/KpLXOO 案例可能会变，主要考察 transition / animation 动画相关的知识点 浏览器内核相关 trident / IE浏览器 gecko / firefox浏览器 webkit 内核 / s ...
分类：
其他好文 时间：
2019-04-23 19:17:09
阅读次数：
145
一段自适应HTML5的CSS代码，该代码在陕西特产使用过，手机端效果还好，就是PC端看起来没那么大气，比较窄屏 * { transition-property: all; -ms-transition-property: all; -moz-transition-property: all; -we ...
分类：
Web程序 时间：
2019-04-20 13:02:07
阅读次数：
154
当插入或删除包含在 transition 组件中的元素时，Vue 将会做以下处理： 自动嗅探目标元素是否应用了 CSS 过渡或动画，如果是，在恰当的时机添加/删除 CSS 类名。 在进入/离开的过渡中，会有 6 个 class 切换。 v-enter：定义进入过渡的开始状态。在元素被插入时生效，在下 ...
分类：
其他好文 时间：
2019-04-19 10:33:25
阅读次数：
265
概念，图，一般实现（UML图），示例代码相关概念有限状态机/finite-statemachine(FSM)：具有有限状态数目的状态机，是最常用的状态机，也是一般讨论状态机时所指的对象无限状态机/InfiniteStateMachine：具有无限状态数目的状态机，很少用到状态/state：状态可达到的某个状态状态转换/transition：状态机的从一个状态转变为另一个状态输入/input/事件/
分类：
其他好文 时间：
2019-04-18 17:10:54
阅读次数：
145
1.先引入velocity的js 用法 @before-enter="beact" @enter="eact" @before-leave="blact" @leave="lact"> <div v-if="show" >hello world</div> </transition> ...
分类：
Web程序 时间：
2019-04-17 00:21:15
阅读次数：
172
//3D旋转 .two:hover{ -webkit-transform:rotateY(360deg); transition:all 0.8s ease-in-out; } //放大 three:hover{ -webkit-transform:scale(1.2); transition:al ...
分类：
其他好文 时间：
2019-04-12 21:54:41
阅读次数：
232
目录 1、transition过渡 1.1简写：transiton：transition-property | transition-duration | transition-timing-function | transition-delay 1.2transition-poperty(过渡属性 ...
分类：
其他好文 时间：
2019-04-07 22:06:51
阅读次数：
177
div{ position:absolute; //使DIV块脱离文档流 transition:left 1s linear,top 1s linear; } var target=document.getElementById("div"); target.style.left="0px"; ..... ...
分类：
Web程序 时间：
2019-04-04 14:16:46
阅读次数：
175
