Css动画：animation：name:定义动画的名称，和后面的@keyframes一起使用(关键帧)，而关键帧里面可以设置from,to,百分比等等。而且一般在外层设置动画的相关属性，如name,duration,iteration-count,timing-function,alternate...
分类：
其他好文 时间：
2015-08-31 13:16:08
阅读次数：
173
transformtranslate 移动 translate(10px,100px)要配合过渡或动画才有意义transition-delay()过渡延迟时间transition-timing-function:线性过度transition-property:all;元素参与的属性,all表示全部r...
分类：
其他好文 时间：
2015-08-30 20:58:16
阅读次数：
129
data-rel="popup"——设置当前元素具有弹出窗的功能；
data-role="popup"——设置当前元素为弹出窗；
data-position-to="window"——设置弹出窗出现在窗口中间位置；
data-transition="fade"——设置弹出窗出现的效果；
popup弹出窗口示例
...
分类：
Web程序 时间：
2015-08-30 19:34:16
阅读次数：
185
通过 CSS3，我们可以在不使用 Flash 动画或 JavaScript 的情况下，当元素从一种样式变换为另一种样式时为元素添加效果。请把鼠标移动到右侧的元素上：浏览器支持Internet Explorer 10、Firefox、Chrome 以及 Opera 支持 transition 属性。S...
分类：
Web程序 时间：
2015-08-28 15:20:58
阅读次数：
176
.btn { background-color: #00A0D6; color: #FFF; transition: all 0.4s;}.btn:active,.btn:focus,.btn:hover { background-color: #007DA7; color: #E3E3E...
分类：
Web程序 时间：
2015-08-28 02:05:54
阅读次数：
367
data-role="page"——代表这个div是一个page,在一个屏幕中只会显示一个page；
data-transition——可以定义页面切换的动画效果；
...
...
...
page实例
...
分类：
Web程序 时间：
2015-08-27 13:26:17
阅读次数：
182
HTML5/CSS3时代，我们要在web里做动画选择其实已经很多了:你可以用CSS3的animattion+keyframes;你也可以用css3的transition;你还可以用通过在canvas上作图来实现动画，也可以借助jQuery动画相关的API方便地实现;当然最原始的你还可以使用windo...
分类：
Web程序 时间：
2015-08-26 23:54:03
阅读次数：
203
transition在新创建的dom上，无法立即生效，因为css会被合并计算，所以要看到动画效果，必须将切换css代码放入到setTimeout函数内，异步运行才可以。 示例代码：调用两个函数，分别创建顶部滑入、底部滑入动画，第...
分类：
Web程序 时间：
2015-08-25 12:48:41
阅读次数：
197
CSS3的很多属性都包含浏览器厂商前缀，用Emmet写CSS3属性会自动添加前缀，比如输入trs 会展开为：-webkit-transition: prop time;-moz-transition: prop time;-ms-transition: prop time;-o-transition...
分类：
Web程序 时间：
2015-08-21 09:22:11
阅读次数：
148
css3为我们提供了强大的动画功能，我们可以借助改变其他css属性；css3除了借助最常用css属性，要想实现更加漂亮的动画，结合css3的变换属性必可不少。 介绍css3的动画之前： transform 变换等 transition 过渡等 ...
分类：
Web程序 时间：
2015-08-20 19:12:49
阅读次数：
117
