CSS Transform1 HTML/CSS - Animation 1. Animation - 이전 포스팅에서 언급했던 Transition과 Transformation은 특정 행동과 같은 발동 조건을 기반하여 상태의 변화를 animation으로 표현하는 방법이었다. - 이와 다르게, animation은 아무 조건없이 계속적으로 작동되는 것을 의미한다. 그렇다면 예시를 통해서 예시 1) x축을 기준으로 360도 회전하는 animation [Animation 작성 방법 - 위의 코드를 참고하세요.] 1. @keyframes 어노테이션을 부여하고 animation이름을 정의한다. 2. animation의 시작과 끝을 정의한다. 3. 정의한 animation이 적용할 엘리먼트에 animation 속성을 정의한다. 적용할 수 있는 속성값은 아래와 같다 - 위의 코드에서 infin.. 2020. 8. 30. 이전 1 다음