css3的transform问题
巴扎黑
巴扎黑 2017-04-17 11:07:49
0
4
672

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

巴扎黑
巴扎黑

全部回覆(4)
黄舟

語文能力似乎有待提高?

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

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

PHPzhong

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

hover一下示例的p

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


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

伊谢尔伦

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

Peter_Zhu

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

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板