其实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的秒表
-webkit-transition:width 2s steps(6, end),有兴趣的试一下这个模式
秒表思路:在一个div里竖向排列1-9,每隔1秒位置往上走一步(top值),
使用 -webkit-animation: moveten 1s steps(10, end) infinite;
2015-11-11
-webkit-transform-style:preserve-3d;如果按之前的例子写成 -webkit-transform-style: -webkit-preserve-3d;效果不一样会显示一部分最后一张内容。
2015-11-02
目前浏览器都不支持 perspective 属性。
Chrome 和 Safari 支持替代的 -webkit-perspective 属性。
Chrome 和 Safari 支持替代的 -webkit-perspective 属性。
2015-11-02
已采纳回答 / Y_du
<...code...>box.style.webkitTransform="rotateY("+ldeg+"deg)"; 这里要用=,而不是:。box在这里取到的不是你用获得的对象,所以要写到函数中来。
2015-10-30