共计 708 个字符,预计需要花费 2 分钟才能阅读完成。
在做 web 前端开发中动画是我们不可缺少的特效,在 css3 以前实现动画大多都可靠 javascript 来实现,其步骤相对于今天的 css3 来说要复杂的多。尽管有了很多很好框架。得在 css3 中来实现动画要简单的多。css3 中有负责动画的有两个一个是 transitions 一个是 animations 这个两个可以说是各有不同,今天我先给大家分享 transitions 的用法。对于浏览器的支持就不在这里普及了,如果你看不到动画效果,就说明你的浏览器不支持 css3
这里看一下效果,数据移动到上面会有变化
transition:[transition-property] || [transition-duration] || [transition-timing-function] || [transition-delay]
[transition-property]:
检索或设置对象中的参与过渡的属性
[transition-duration]:
检索或设置对象过渡的持续时间
[transition-timing-function]:
检索或设置对象中过渡的动画类型
[transition-delay]:
检索或设置对象延迟过渡的
下面是源码
正文完