애니메이션1 3/17 일일정리 애니메이션, 캔버스 애니메이션(Animation) CSS 애니메이션은 여러가지 CSS 속성을 부드럽게 전환시켜 준다. @keyframes를 활용하여 내가 원하는 애니메이션을 만들 수 있다. 간단한 예시로 오른쪽으로 이동하는 애니메이션은 다음과 같다. 애니메이션 이름을 지정하고, 처음(0%)위치와 끝(100%) 위치를 지정하면 정해진 시간(3초)동안 처음에서 끝까지 이동하는 것 처럼 보이게 된다. @keyframes 로 적당한 애니메이션을 만들고, 특정 요소에 애니메이션을 주고 여러가지 설정을 할 수 있다. animation 설정 ⓵ animation-name : @keyframes로 만든 애니메이션의 이름이다. ⓶ animation-duration : 애니메이션 한 사이클에 걸리는 시간을 정해준다. 같은 애니메이션을 각각 .. 2023. 3. 17. 이전 1 다음
