CSS animation

See the Pen animation by nilgi (@nilgi) on CodePen.

 

다시 보기 : Rerun ▲

 

animation-name: abox; // 애니메이션 이름 지정. 마음대로
animation-duration: 7s; // 애니메이션 총 시간(초)

@keyframes abox { // *키프레임. 위에서 지정한 이름
form {background: tomato;} // 배경을 토마토색으로 시작해
to {background: gold;} // 금색으로 변한다.
}