-
摘自阿辉2 其实timing-function还有几个模式: step-start | step-end | steps(6, end) 最后一个蛮有意思的,把动画分几段执行,可以用这个制作一个纯css3的秒表 -webkit-transition:width 2s steps(6, end),有兴趣的试一下这个模式 秒表思路:在一个div里竖向排列1-9,每隔1秒位置往上走一步(top值), 使用 -webkit-animation: moveten 1s steps(10, end) infinite;查看全部
-
过渡模式查看全部
-
css3动画功能 transition:属性之间平滑过渡 animation:利用关键帧产生复杂的动画效果 transition: 过渡属性名称 过渡时间 兼容不同浏览器需要有不同的写法 -webkit-transition 谷歌、苹果 -moz-transition 火狐 -o-transition opera查看全部
-
设置3D场景 -webkit-perspective:800; -webkit-perspective-origin:50% 50%; -webkit-transform-style:-webkit-preserve-3d;查看全部
-
transition的过渡模式:ease(缓慢开始,缓慢结束) linear(匀速) ease-in(缓慢开始) ease-out(缓慢结束) ease-in-out(缓慢开始,缓慢结束。和ease有区别)查看全部
-
transition过渡模式查看全部
-
ease:缓慢结束/开始 linear:匀速 ease-in:缓慢开始 ease-out:缓慢结束 ease-in-out:与ease稍有区别查看全部
-
我的第一章第一节笔记查看全部
-
transition查看全部
-
css3动画查看全部
-
使用transform-origin属性调整旋转中心查看全部
-
两个属性设置3D场景查看全部
-
transition:<过渡属性名称><过渡时间><过渡模式>查看全部
-
CSS3 的动画功能实现:transition,animation查看全部
-
火狐浏览器用-moz-transition查看全部
举报
0/150
提交
取消