HTML 애니메이션 기능 사용법

애니메이션 애니메이션은 일정하게 반복되는 애니메이션을 만들 때 사용하면 효율적이다. 예를 들면 바람에 나무가 흔들린다든지 일정하게 풍차나 물레방아가 도는 것 등을 표현할 때 유용하다. 하지만 저번에 다룬 트랜지션보다 수정이 어렵다는 단점이 있다. 키 프레임 애니메이션 @-webkit-keyframes를 사용하면 키 프레임 단위로 애니메이션을 관리할 수 있다. 먼저 myanimation이라는 애니메이션 이름을 정한다. 그리고 중괄호 안에 백분율 단위로 애니메이션의 키 프레임 값을 정의합니다. 100%가 목표 지점에 도달한 키 프레임이 되고 50%는 중간, 0%는 시작 등 이런 방식이다. 이렇게 정의된 애니메이션은 -webkit-animation-name으로 지..........

HTML 애니메이션 기능 사용법에 대한 요약내용입니다.

자세한 내용은 아래에 원문링크를 확인해주시기 바랍니다.

원문링크 : HTML 애니메이션 기능 사용법