問題描述

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

問題解答

語文能力似乎有待提高？

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

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

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

hover一下示例的p

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

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

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

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