.css{
animation: Rrotate 2s linear infinite;
}
@keyframes Rrotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
重复旋转
@keyframes tlinkle {
0% {
opacity: 1;
}
100% {
opacity: 0.7;
}
}
.css{
animation: tlinkle 0.5s linear infinite;
}
反复闪光
@keyframes move{
0% {transform: translateY(30px);}
100% {transform: translateY(-30px);}
}
.css{
animation: move 1s infinite alternate;
}
上下移动