Tempo Di Valse

컴포넌트에 CSS Animation 을 넣을 때 두 가지의 방법이 있다. 하나는, Transition 을 사용하는 방법 다른 하나는, Key-frame 을 사용하는 방법 여기서 Transition 은 간단한 애니메이션을 구현할 때 사용하기 편한 속성이다. 예를 들면, 마우스가 객체 위에 올라갈 때 해당 객체의 Background Color 를 변경하는 것이 될 것이다. 하지만, 여러 속성들을 함께 움직이게 만드는 것에서는 Transition 보다 Key-frame 을 사용하는 것이 훨씬 더 효과적으로 애니메이션을 적용할 수 있다. 위에 까지는 간단한 개념이었고, 프론트엔드/퍼블리싱에 기웃기웃 거렸던 나에게는 제대로 된 브라우저 호환성에 대한 코딩이 조금은 번거로운 일이었다. 그래도 대중적으로 사용되는 여..