css animation1 CSS animation 속성 animation 속성은 요소에 애니메이션을 제어하는 기능을 한다. 아래 코드에서 확인할 수 있듯이, 이 제어될 animation은 @keyframes이라는 CSS 규칙을 통해서 만들어지고, animation의 이름과 속도, 진행 방식들을 CSS animation 속성의 값으로 하여 설정한다. cf. CSS에서는 밀리세컨드(밀리초) 단위가 아닌 세컨드(초) 단위로 값을 지정한다 ! => @keyframes로 애니메이션 이름을 지정한다. => 애니메이션의 지속 시간을 설정한다. => 타이밍 함수를 지정한다. => 애니메이션의 대기 시간을 설정한다. => 애니메이션의 반복 횟수를 설정한다. => 애니메이션이 반복될 때의 방향을 설정한다. => 애니메이션의 전후 상태나 위치를 설정한다. => 애니메이션의 재생.. 2022. 10. 12. 이전 1 다음