📝

transition에 .3s 와 3s 차이

Created

Nov 16, 2021 04:53 AM

Tags

category

CSS

day

9

14. CSS transition, transform

transform : rotate, scale 등 transition-property transition-duration transition-delay 이번 장에서는 transition에 대해서 알아보도록 하겠습니다. transition이란 CSS 속성값이 변할 때, 값의 변화가 일정 시간에 걸쳐 일어나도록 하는 것을 말합니다. 여러 속성들은 차근차근 살펴보도록 하고 가벼운 예제를 통해 transition 이 무엇인지 경험해 보도록 하죠.

https://www.notion.so/paullabworkspace/14-CSS-transition-transform-9e4e90eeea374488b20568fff4772a99

14. CSS transition, transform

14. CSS transition, transform

transition-timing-function - CSS: Cascading Style Sheets | MDN

The transition-timing-function CSS property sets how intermediate values are calculated for CSS properties being affected by a transition effect. This, in essence, lets you establish an acceleration curve so that the speed of the transition can vary over its duration. This acceleration curve is defined using one for each property to be transitioned.

transition-timing-function - CSS: Cascading Style Sheets | MDN

https://developer.mozilla.org/en-US/docs/Web/CSS/transition-timing-function

transition-timing-function - CSS: Cascading Style Sheets | MDN