css3的transform问题

Question

比如transform:scale和transform：translate，我想用transition:..单独给他们各自定一个属性可以嘛？
另外，在webkit上的-webkit-transition:-webkit-transform能这样写嘛？

Answer 1

虽然说 transition-property 可以单独设置不同的属性来操作其渐变，不过因为你设置的都是transform的原因，是没办法使用的。而transition-timing-function虽然说可以用cubic-bezier()自定义特效，但是定义出来的结果也是使这个DOM的所有变化样式同时变化的，而不会让你有前后的效果。

正确的做法是使用animation自己写动画关键帧，如何给写动画关键帧的话请查看：http://imnerd.org/lab/eggpipe...

Answer 2

如果我理解楼主的意思的话，是要两种属性以两种不同的时间函数（或时延等）来变化是吗？可以的

hover一下示例的div

http://fiddle.jshell.net/bpw3zx8L/

---

不过transform这种属性拆不开，只能借助关键帧定义来分解动作。

Answer 3

可以借助scss或less，能实现你想要的

Answer 4

使用 sass + compass 配合引入库，就能很快实现了..
能够解决兼容性问题哦..