색이 변하는 글자

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;}
}