文章详情页
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
相关文章:
1. android - 具体的空指针是在哪????2. JAVASCRIPT 构造函数和原型互相指向问题?求助!!!3. css - 移动端 oppo 手机之 Border-radius4. angular.js - ionic 弹窗样式5. 关于《Effective Java中文版(第2版)》的问题6. angular.js - 如何让图片遇到父容器边缘自动换行显示,不会溢出7. mysql 创建root 用户出错,这是什么原因?mysql 中也没有root用户8. html5 - 移动端UC浏览器兼容问题9. javascript - 前端富文本编辑器 wangeditor 如何展示富文本?10. docker pull 错误?
排行榜