有限状态机（Finite-state machine）是一个非常有用的模型，可以模拟世界上大部分事物。 简单说，它有三个特征： * 状态总数（state）是有限的。 * 任一时刻，只处在一种状态之中。 * 某种条件下，会从一种状态转变（transition）到另一种状态。 它对JavaScript的 ...
分类：
编程语言 时间：
2016-06-27 17:14:22
阅读次数：
198
HTML5 过渡: 过渡:给改变添加过程; 要实现这一点就必须规定两项条件: 1.规定要将效果添加到那个css的属性上(那个属性需要进行改变); 2.规定效果的时长; 3.transition:属性 时长(要将多个属性进行过渡设置,中间以逗号进行区分,如果要是将整体属性全部变化可以省略属性而直接设置 ...
分类：
Web程序 时间：
2016-06-27 13:54:38
阅读次数：
182
（1）display:设置属性display:none；,该元素被隐藏，而且该元素的子孙后代也被同时隐藏，此时被隐藏的元素不占据任何空间，用户的交互操作在此元素上不能生效，但是通过js语句操作dom可以来操作该隐藏元素。实例：.display-hide{
display:none;
transition:allease0.8s;
}
.d..
分类：
其他好文 时间：
2016-06-27 12:30:37
阅读次数：
251
前言module 怎能少得了动画呢~代码解读weex codeAPI 接口transition(node, options, callback)
Arguments 参数node（Node）：将要动画的元素。options（object）：操作选项styles（object）：指定要应用的过渡效果的样式的名称和值。
color（string）：色彩的元素时，animaiton完成。
transfor...
分类：
移动开发 时间：
2016-06-23 16:11:12
阅读次数：
272
transition的优点在于简单易用，但是它有几个很大的局限。 （1）transition需要事件触发，所以没法在网页加载时自动发生。 （2）transition是一次性的，不能重复发生，除非一再触发。 （3）transition只能定义开始状态和结束状态，不能定义中间状态，也就是说只有两个状态。 ...
分类：
其他好文 时间：
2016-06-21 17:49:34
阅读次数：
708
幽灵按钮： 完全用CSS3来实现这个效果，主要用的属性有 transition transform box-sizing 等。 大家参考看看，原理很简单。 其中的rest.css是初始化一些样式的，大家可以用自己的重置样式。 ghost.css： 其中有四个素材图片，大家可以用自己的做一下尝试。 ...
分类：
Web程序 时间：
2016-06-17 12:23:30
阅读次数：
248
#av_section_2a.avia-button{transition:all0.8s!important;background-color:rgba(255,255,255,0.70)!important;border:rgba(255,255,255,0.70)solid2px!important;color:#000!important;font-weight:bold!important;}#av_section_2a.avia-button:hover{background:#8dc63e!im..
分类：
其他好文 时间：
2016-06-17 01:02:12
阅读次数：
303
一个Css3按钮效果很好，仔细看了一下发现就是::after,::before然后加上transition，transform等效果实现，主要关注一下几点就能轻松实现： 1、伪类需要position定位，相对的button也需要定位一下 2、设置一下z-index属性,一般button设置为1， b ...
分类：
Web程序 时间：
2016-06-15 15:39:17
阅读次数：
170
div#div2{display: table; width: 100%; height: 100%; text-decoration: none; outline: none; -webkit-transition: all 800ms ease-out; /* CSS3 transition. ...
分类：
Web程序 时间：
2016-06-13 18:40:54
阅读次数：
722
写动画经常会用到这几个属性，他们之间有什么区别呢？ 1.transform 每每演示transform属性的，看起来好像都是带动画。这使得小部分直觉化思维的人（包括我）认为transform属性是动画属性。而恰恰相反，transform属性是静态属性。它其实只是一个静态属性，需要配合transiti ...
分类：
Web程序 时间：
2016-06-13 15:32:24
阅读次数：
248
