프론트엔드-코드/CSS

애니메이션 cubic-bezier 자기가 직접 타이밍 조절

sdafdq 2023. 8. 23. 11:53

https://cubic-bezier.com/#1,.22,.79,1.5

 

cubic-bezier.com

 

cubic-bezier.com

 

x축이 시간이고, y축이 애니메이션 목적지와의 거리.

범위에서 벗어나는 것도 가능. 근데 어차피 의도한 장소로 돌아오는거라 약간 진자운동 하듯이 옴.

'프론트엔드-코드 > CSS' 카테고리의 다른 글

min-width, max-width  (0) 2023.09.05
-webkit- 접두어 자동으로 붙여주는. autoprefix  (0) 2023.09.01
원근법, 겹친 다음 뒤에 있는 요소 가리기  (0) 2023.08.21
IMG vs background-image  (0) 2023.08.21
table  (0) 2023.08.18