CSS3过渡：transition属性——专门应对颜色、长度、宽度、位置等变化的过渡 通过CSS3，我们可以在不使用Flash和JavaScript的情况下，为当前某元素从某样式改变为某样式的时候添加过渡效果。我们仅仅使用到了一个transition属性，专门来写过渡从一个样式到另一个样式过渡时所花 ...
分类：
Web程序 时间：
2016-12-03 23:58:12
阅读次数：
1361
CSS3过渡：transition属性——专门应对颜色、长度、宽度、位置等变化的过渡 通过CSS3，我们可以在不使用Flash和JavaScript的情况下，为当前某元素从某样式改变为某样式的时候添加过渡效果。我们仅仅使用到了一个transition属性，专门来写过渡从一个样式到另一个样式过渡时所花 ...
分类：
Web程序 时间：
2016-12-03 20:47:31
阅读次数：
325
移动端的开发也有这种hack，来解决可能的卡顿问题：css-webkit-transform: translate3d(0, 0, 0);css3动画大致分三类：1.变形transform[变形基础]rotate()[旋转]scale()[缩放]translate()[位移]skew()[倾斜]ma... ...
分类：
Web程序 时间：
2016-12-02 09:47:02
阅读次数：
925
属性 描述 @keyframes 定义动画 animation 执行动画 animation-name 动画名称 animation-duration 执行完这个动画所需要花费的时间 单位是秒数 animation-timing-function 动画执行过程中的变化速度 linear 动画从头到尾 ...
分类：
Web程序 时间：
2016-11-24 09:23:56
阅读次数：
186
1.直接写在样式里，比如一个小箭头，transform:rotate(135deg)即可 2.写动画过程，@keyframes和transform和animation组合起来用 写在@keyframes minify{ 0%{ transform:scale(1); -webkit-transfor ...
分类：
Web程序 时间：
2016-11-22 17:15:44
阅读次数：
173
1.减少或避免repaint, reflow; repaint即重绘页面如改变文字颜色，reflow即改变结构，整体可以理解为减少DOM操作。 2.尽量缓存数据。 3.使用CSS3 transform代替dom操作。 4.不要给非position:static添加css3动画。（会成倍增加浏览器开销 ...
分类：
移动开发 时间：
2016-11-13 13:39:52
阅读次数：
147
我记得半年前要去看H5，主要是朋友认为这些页面的一些效果还是不错的，其实本来就是有的css3动画。我看过来才发现与H5的一些语义化的标签，新的特性，关联不大，在H4的基础上加上Css3一样可以实现，想到了市场上的营销策略，真心是无良商贩。纯粹愚弄广大人民群众，反抗!!不过..
分类：
Web程序 时间：
2016-11-06 17:53:54
阅读次数：
516
