#animation

애니메이션 속성이 필요할까? 블로그에 업로드하진 않았지만 transition 속성과 transform 속성을 결합하면 꽤나 그럴듯한 애니메이션 효과를 줄 수 있었다. 하지만 두조합으로도 한계점은 확실하게 있다. 여러 이유가 있겠다만 저 두 조합으로는 처음과 끝지점의 원상태와 움직인후의 상태까지만 조정이 가능하다. 중간지점에서의 효과나 모션그래픽등에서 종종 볼 수 있는 키프레임단위의 효과들은 어떻게 적용시켜야 할까? 시작과 끝 반복 횟수나 설정은? 이를 보완할 수 있는 속성이 애니메이션 속성이다. 기본 문법 keyframes 정의 애니메이션 속성을 사용하기 위해선 먼저 keyframes를 정의해줘야 한다. @keyframes move__box { from { } to{ } } 기본적인 구조는 이러하다. m..

2023.06.14