問題描述

比如transform:scale和transform：translate，我想用transition:..單獨給他們各自定一個屬性可以嘛？另外，在webkit上的-webkit-transition:-webkit-transform能這樣寫嘛？

問題解答

語文能力似乎有待提高？

雖然說 transition-property 可以單獨設(shè)置不同的屬性來操作其漸變，不過因為你設(shè)置的都是transform的原因，是沒辦法使用的。而transition-timing-function雖然說可以用cubic-bezier()自定義特效，但是定義出來的結(jié)果也是使這個DOM的所有變化樣式同時變化的，而不會讓你有前后的效果。

正確的做法是使用animation自己寫動畫關(guān)鍵幀，如何給寫動畫關(guān)鍵幀的話請查看：http://imnerd.org/lab/eggpipe.html

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

hover一下示例的p

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

不過transform這種屬性拆不開，只能借助關(guān)鍵幀定義來分解動作。

可以借助scss或less，能實現(xiàn)你想要的

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