css 动画

1. 简单方式定义:

/*写法一*/

@keyframes 动画名 {
from {
/*property1:value1*/
/*property2:value2*/
}
to {
/*property1:value1*/
}
}

2. 完整方式定义:

@keyframes 动画名 {
0% {
/*property1:value1*/
}
20% {
/*property1:value1*/
}
40% {
/*property1:value1*/
}
60% {
/*property1:value1*/
}
80% {
/*property1:value1*/
}
100% {
/*property1:value1*/
}
}

 animation- 要写在要作用的元素上,不能写在动画定义里



    

css 动画_第1张图片

css 动画_第2张图片

css 动画_第3张图片

你可能感兴趣的:(css,css,前端)