丸子学CSS(学习15分钟 - 过渡动画)
2023-11-17 本文已影响0人
丸子小姐__不懂爱
说明
通过过渡transition,我们可以在不使用 Flash 动画或 JavaScript 的情况下,当元素从一种样式变换为另一种样式时为元素添加效果. 要实现这一点,必须规定两项内容:
1.规定希望把效果添加到哪个 CSS 属性上
2.规定效果的时长
语法
transition: property duration timing-function delay
![](https://img.haomeiwen.com/i4465616/ac14f1b3a00379c5.gif)
参数说明
transition 属性是一个简写属性,用于设置四个过渡属性:transition-property |transition-duration |transition-timing-function|transition-delay
- transition-property 规定设置过渡效果的css属性的名称
- transition-duration 规定完成过渡效果需要多少秒或毫秒
- transition-timing-function 规定速度效果的速度曲线
- transition-delay 定义过渡效果何时开始