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