21 lines
527 B
CSS
21 lines
527 B
CSS
@keyframes example {
|
|
0% {background-color: red;}
|
|
25% {background-color: yellow;}
|
|
50% {background-color: blue;}
|
|
100% {background-color: green;}
|
|
}
|
|
|
|
/* ### EXAMPLE SETTING CODE ###
|
|
animation-name: example;
|
|
animation-duration: 4s;
|
|
animation-iteration-count: 2;
|
|
animation-direction: alternate-reverse;
|
|
animation-delay: -2s;
|
|
animation-fill-mode: forwards;
|
|
animation-timing-function: ease-in-out;}
|
|
|
|
### SAME ABOVE ANIMATION IN ONE LINE CODE ###
|
|
animation: example 5s linear 2s infinite alternate;
|
|
*/
|
|
|