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.html

Answer 2

如果我理解樓主的意思的話，是要兩種屬性以兩種不同的時間函數（或時延等）來變化是嗎？可以的

hover一下示例的p

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

---

不過transform這種屬性拆不開，隻能借助關鍵幀定義來分解動作。

Answer 3

可以借助scss或less，能實現你想要的

Answer 4

使用 sass compass 配合引入庫，就能很快實現了..
能夠解決兼容性問題哦..