편집 요약 없음 |
편집 요약 없음 |
||
| 1번째 줄: | 1번째 줄: | ||
/* The animation code */ | /* The animation code */ | ||
@keyframes example { | @keyframes example { | ||
0% {background-color:#580009; color: #CFA547;} | 0% {background-color:#580009; color: #CFA547; left:0px; top:0px;} | ||
50% {background-color:#00F1BA; color: #252525;} | 50% {background-color:#00F1BA; color: #252525; left:0px; top:0px;} | ||
100% {background-color:#00F1BA; color: #252525;} | 100% {background-color:#00F1BA; color: #252525; left:0px; top:0px;} | ||
} | } | ||
2023년 4월 23일 (일) 12:23 판
/* The animation code */
@keyframes example {
0% {background-color:#580009; color: #CFA547; left:0px; top:0px;}
50% {background-color:#00F1BA; color: #252525; left:0px; top:0px;}
100% {background-color:#00F1BA; color: #252525; left:0px; top:0px;}
}
/* The element to apply the animation to */
.asdf {
margin-top: 10px;
width: 100%;
height: 100px;
font-size: 16pt;
animation-name: age-of-change;
animation-duration: 4s;
animation-iteration-count: infinite;
}