반응형
See the Pen 색이 변하는 글자 by nilgi (@nilgi) on CodePen.
.ct {
color: #333; / 색 #333
animation: ct 6s infinite; / 애니메이션 이름 ct 6초 반복
}
@keyframes ct { / 애니메이션 ct에 키프레임 넣기
25% {color: gold;} / 전체 6초 중 25%에서 금색으로
50% {color: tomato;} / 50%에서 토마토색으로
75% {color: #fff;} / 75%에서 흰색으로
}
.ct2 {
color: #fff;
animation: ct 3s infinite;
}
@keyframes ct {
25% {color: tomato;}
50% {color: gold;}
75% {color: #333;}
}
반응형