반응형 cubic-bezier()1 [HTML/CSS] cubic-bezier()를 통해 속성 변화를 조절해 보자 : 변화에 변화를 주자 cubic-bezier() 함수는 transition과 같이 속성에 변화를 나타내주는 속성에 추가적인 효과를 더해준다. 아래 예시를 보자. See the Pen Untitled by me_in_sk (@sleepyMS) on CodePen. 위의 실행 결과를 살펴보자. 모든 게이지는 변화하는 과정이 다를 뿐, 결과적으로 과정이 완료되는 시점은 모두 동일한 것을 볼 수 있다. 이처럼 transition의 속성에 의해 변화하는 시간이 같더라도, cubic-bezier() 함수에 의해 각각 다른 효과를 줄 수 있다. 그렇다면 원하는 효과를 찾기 위해서는 cubic-bezier() 함수의 값을 일일이 조정하며 원하는 값을 찾아야 하는 걸까? cubic-bezier.com cubic-bezier.com 이에 위의.. 2023. 6. 23. 이전 1 다음 반응형
