[css]animation 으로 생동감 주기

css로 태그에 움직임을 주는 방법입니다.

 

쓰는 방법은 이렇습니다.

 

animation: 이름 동작시간 딜레이 반복여부

 

그리고 @keyframes로 animation 이름을 호출하여 동작을 줘야합니다.

 

@keyframes 이름 {

0%{ 0일때 작동할 css 명령}

100%{ 100일때 작동할 css 명령}

}

 

예시

 

 

 

 

 

See the Pen Untitled by leeys (@agent-megurii) on CodePen.