本文介绍了CSS3动画的四个核心属性：animation-name、animation-duration、animation-timing-function和animation-delay。通过示例代码，详细解释了如何使用这些属性来创建和控制元素的动画效果，包括指定动画名称、设置动画持续时间、调整加速度以及设定延迟播放时间。掌握这些概念可以帮助开发者创建复杂的前端动画场景。
-
animation-name（动画名称）
- 作用：用于指定要应用的动画名称。
- 示例代码：
.box { animation-name: rotate; } @keyframes rotate { 0% { transform: rotate
订阅专栏 解锁全文
扫一扫
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
animation-name（动画名称）
.box {
animation-name: rotate;
}
@keyframes rotate {
0% {
transform: rotate
