CSS3的过渡属性允许平滑地改变指定属性的值，实现动态效果。包括property（指定变化的属性）、duration（定义动画时长）、delay（延迟执行动画）和timing-function（控制速度曲线）。例如，用于元素宽度、高度变化或颜色过渡，创建淡入淡出等视觉效果。掌握这些参数可以提升网页交互体验。
CSS3过渡属性 是一种动画转换的过程，如渐现、渐弱、动画快慢等。
语法：transition:[transition-property transition-duration transition-timing-function transition-delay ]
1、property：指定的CSS3的属性如高度、宽度、背景颜色等，一般为了方便写all，支持所有样式。
2、duration:定义转换动画的时间长度,就是设定完成这个动画的时间。
值为0，过渡效果立即执行
值为正数，等到设置的数值描述结束开始过渡
3、delay:指定一个动画开始执行的时间，当改变元素属性值后多长时间去执行过渡效果.
4、timing-function：过渡动画函数
| 值 | 说明 |
| linear | 规定从开始到结束以相同速度过渡 |
| ease | 规定以慢速开始，然后加速，最后以慢速结束 |
| ease-in | 规定以慢速开始的过渡 |
| wase-out | 规定以慢速结束的过渡 |
| ease-in-out | 规定以慢速开始，慢速结束 |
扫一扫
871
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
