本文介绍了CSS动画的语法、开启方式以及基本属性，包括animation-name、animation-duration、animation-timing-function等，并通过实例展示了如何制作行走的小雪人动画效果。适合前端开发者学习掌握。
一、动画的语法及开启
1.动画的语法
开启动画可以指定一个属性发生变化，例如大小，倾斜，位置等
2.动画的开启
a @keyframes 动画名称{
form{
动画开始时的状态
}
to{
动画结束时的状态
}
}
b @keyframes动画名称 {
0% {
margin-left: 0px;
}
100% {
margin-left: 500px;
}
例如这样：
第一种写法： @keyframes move {
from {
background-color: #bfa;
}
to {
background-color: red;
}
}
第二种写法：@keyframes move2 {
0% {
margin-left: 0px;
}<
最低0.47元/天 解锁文章
扫一扫
4199
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
