CSS - transition 축약 정리

 

 

 

 

css 사용 시 transition 축약하는 경우에 대해 정리해본다.

 

 

 

/* 축약 */
transition: property duration function delay
  기본값      all      0        ease     0
  
  
/* duration */
transition: 1s

/* property duration */
transition: width 1s

/* duration function */
transition: 1s ease-in;

/* duration delay*/
transition: 1s 1s;

/* property duration function delay */
transition: width 1s ease-in 1s;

 

 

 

출처: https://inpa.tistory.com/entry/CSS-%F0%9F%93%9A-%ED%8A%B8%EB%9E%9C%EC%A7%80%EC%85%98-%ED%8A%B8%EB%9E%9C%EC%8A%A4%ED%8F%BC-%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98#transition