transition CSS 속성 전환에 대한 태그 요소 (cubic-bezier 사용법)
지난 시간에 이어서 transition 애니메이션에 대한 요소를 배워보겠습니다. 이번에는 속도를 조절하기 위한 방법을 알아보도록 하겠습니다. 우선 전 시간에도 잠깐 배워보았듯 기본적인 구조는 다음과 같습니다. transition : property duration timeingfunction; 그리고 각 요소에 대한 설명은 아래와 같습니다. property : 애니메이션을 적용할 태그 요소를 지정duration : 애니메이션 재생 시간timeingfunction : 애니메이션 속도 옵션 그래서 실질적으로 이 부분에 대해서는 이론만으로는 이해하기가 어렵기 때문에 아래의 코드를 먼저 구성해봤습니다. See the Pen transition options by rgy0409 (@rgy0409) on CodeP..