[CSS] 프로젝트 몰랐던 속성 정리

transition

 

transition : property duration timing-function delay;

요소의 특정 CSS 속성이 변경될 때 해당 변경이 애니메이션 효과를 통해 부드럽게 진행되도록 설정하는데 사용

• property : 애니메이션 효과를 적용할 CSS 속성
  • all : 모든 변경 가능한 CSS 속성에 대해 전환 효과 적용
• duration : 지속 시간
• timing-function : 애니메이션의 시간 곡선
  • ease
  • linear
  • ease-in 
  • ease-out
• delay : 지연 시간