본문 바로가기

Webstoryboy

Category

Explanation

CSS

[CSS] 애니메이션

애니메이션

애니메이션과 관련된 속성입니다.


애니메이션

애니메이션과 관련된 속성입니다.

애니메이션과 관련된 속성들

속성 설명
animation animation 속성은 애니메이션을 정의합니다.
animation-delay animation-delay 속성은 요소가 로드된 후 애니메이션이 시작될 때 까지의 시간을 나타냅니다.
animation-direction animation-direction 속성은 애니메이션 움직임 방향을 설정합니다.
animation-duration animation-duration 속성은 애니메이션 움직임 시간을 설정합니다.
animation-fill-mode animation-fill-mode 속성은 애니메이션이 끝난 후의 상태를 설정합니다.
animation-iteration-count animation-iteration-count 속성은 애니메이션 반복 횟수 설정합니다.
animation-name animation-name 속성은 애니메이션 keyframe 이름을 설정합니다.
animation-play-state animation-play-state 속성은 애니메이션 진행상태를 설정합니다.
animation-timing-function animation-timing-function 속성은 움직임의 속도를 정의합니다.
backface-visibility backface-visibility 속성은 요소의 뒷면을 정의합니다.

더보기

인스타그램 보기 바로가기

포트폴리오 스터디 바로가기

유튜브 영상보기 바로가기