文章详情页
css3的transform问题
问题描述
比如transform:scale和transform:translate,我想用transition:..单独给他们各自定一个属性可以嘛?另外,在webkit上的-webkit-transition:-webkit-transform能这样写嘛?
问题解答
回答1:语文能力似乎有待提高?
虽然说 transition-property 可以单独设置不同的属性来操作其渐变,不过因为你设置的都是transform的原因,是没办法使用的。而transition-timing-function虽然说可以用cubic-bezier()自定义特效,但是定义出来的结果也是使这个DOM的所有变化样式同时变化的,而不会让你有前后的效果。
正确的做法是使用animation自己写动画关键帧,如何给写动画关键帧的话请查看:http://imnerd.org/lab/eggpipe.html
回答2:如果我理解楼主的意思的话,是要两种属性以两种不同的时间函数(或时延等)来变化是吗?可以的
hover一下示例的p
http://fiddle.jshell.net/bpw3zx8L/
不过transform这种属性拆不开,只能借助关键帧定义来分解动作。
回答3:可以借助scss或less,能实现你想要的
回答4:使用 sass + compass 配合引入库,就能很快实现了..能够解决兼容性问题哦..
标签:
CSS
相关文章:
排行榜