편집 요약 없음 |
편집 요약 없음 |
||
23번째 줄: | 23번째 줄: | ||
line-height: 80px; | line-height: 80px; | ||
width: 100%; | width: 100%; | ||
overflow: hidden; | |||
animation-name: animation2; | |||
font-size: 24pt; | |||
font-weight: bold; | |||
text-align: center; | |||
animation-duration: 4s; | |||
animation-iteration-count: 1 | |||
} | |||
@keyframes ageofchange { | |||
0% {background-color:#580009; color:#CFA547; left:20px; top:10px;} | |||
50% {background-color:#00F1BA; color:#252525; left:20px; top:10px;} | |||
100% {background-color:#580009; color:#CFA547; left:20px; top:10px;} | |||
} | } |
2023년 4월 23일 (일) 14:00 판
/* 테스트에요 여러분 테스트 */
.ageofchange {
margin-top: 10px;
line-height: 80px;
width: 100%;
animation-name: ageofchange;
font-size: 24pt;
font-family: KoPubDotumMedium;
font-weight: bold;
text-align: center;
animation-duration: 4s;
animation-iteration-count: infinite;
}
@keyframes ageofchange {
0% {background-color:#580009; color:#CFA547; left:20px; top:10px;}
50% {background-color:#00F1BA; color:#252525; left:20px; top:10px;}
100% {background-color:#580009; color:#CFA547; left:20px; top:10px;}
}
/* 테스트에요 여러분 테스트 2 */
.animation2 {
margin-top: 10px;
line-height: 80px;
width: 100%;
overflow: hidden;
animation-name: animation2;
font-size: 24pt;
font-weight: bold;
text-align: center;
animation-duration: 4s;
animation-iteration-count: 1
}
@keyframes ageofchange {
0% {background-color:#580009; color:#CFA547; left:20px; top:10px;}
50% {background-color:#00F1BA; color:#252525; left:20px; top:10px;}
100% {background-color:#580009; color:#CFA547; left:20px; top:10px;}
}