【前端学习笔记day41】6.4. CSS3 transition动画

文章目录

• 6.4. CSS3 transition动画
• CSS3 transition动画
• 综合练习：

6.4. CSS3 transition动画

CSS3 transition动画

1、transition-property 设置过渡的属性，比如：width height background-color
2、transition-duration 设置过渡的时间，比如：1s 500ms
3、transition-timing-function 设置过渡的运动方式，常用有 linear(匀速)|ease(缓冲运动)
4、transition-delay 设置动画的延迟
5、transition: property duration timing-function delay 同时设置四个属性

综合练习：

制作鼠标移入图片时，图片说明滑入的效果