浅谈CSS过渡、动画和变换

1. 使用过渡

过渡效果一般是由浏览器直接改变元素的CSS属性实现的。例如，如果使用:hover选择器，一旦用户将鼠标悬停在元素之上，浏览器就会应用跟选择器关联的属性。

当用户将鼠标悬停在span元素上的时候，浏览器就会响应，直接应用新的属性。变化如下图所示：

CCS过渡属性允许控制应用新属性值的速度。比如可以选择逐渐改变示例中span元素的外观，让鼠标移到单词banana上的效果更和谐。

transition-delay 和 transition-duration 属性指定为CSS时间，是一个数字，单位为ms（毫秒）或者s（秒）。

transition简写属性的格式如下： 

发表评论 共有条评论 用户名: 密码: 验证码: 匿名发表