动画的一些简单书写

最新推荐文章于 2023-05-19 15:04:41 发布

qq_31152703

最新推荐文章于 2023-05-19 15:04:41 发布

阅读量284

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_31152703/article/details/48767517

本文深入探讨了CSS3中用于定义动画的关键属性，包括@keyframes规则、animation属性、animation-name、animation-duration、animation-timing-function和animation-delay，详细解释了每个属性的功能和用法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<tr>
<td><a href="pr_keyframes.asp" title="CSS3 @keyframes 规则">@keyframes</a></td>
<td>规定动画。</td>
<td>3</td>
</tr>

<tr>
<td><a href="pr_animation.asp" title="CSS3 animation 属性">animation</a></td>
<td>所有动画属性的简写属性，除了 animation-play-state 属性。</td>
<td>3</td>
</tr>

<tr>
<td><a href="pr_animation-name.asp" title="CSS3 animation-name 属性">animation-name</a></td>
<td>规定 @keyframes 动画的名称。</td>
<td>3</td>
</tr>

<tr>
<td><a href="pr_animation-duration.asp" title="CSS3 animation-duration 属性">animation-duration</a></td>
<td>规定动画完成一个周期所花费的秒或毫秒。</td>
<td>3</td>
</tr>

<tr>
<td><a href="pr_animation-timing-function.asp" title="CSS3 animation-timing-function 属性">animation-timing-function</a></td>
<td>规定动画的速度曲线。</td>
<td>3</td>
</tr>

<tr>
<td><a href="pr_animation-delay.asp" title="CSS3 animation-delay 属性">animation-delay</a></td>
<td>规定动画何时开始。</td>
<td>3</td>
</tr>