[CSS] Transition(상태변화)

transition-duration

• transition 이 완료하기 까지의 걸리는 시간을 지정한다.
• 기본값 : 0
• 속성값 : [시간]

transition-delay

• transition 이 발생하기 까지의 지연 시간을 지정한다.
• 기본값 : 0
• 속성값 : [시간]

transition-property

• transition 을 적용할 속성을 제한하기위해 사용한다.
• 속성 구조 : [all|속성 아룸_...]
• 기본값 : all
• 속성값
  • all : 가용 전체 속성에 transition 을 적용한다.
  • [속성이름]

transition-timing-function

• transition이 발생하는데 사용할 시간대비 변화 완료율을 가지는 함수 이다.
• 기본값 : ease
• 속성값
  • ease
  • ease-in
  • ease-out
  • ease-in-out
  • linear
  • cubic-bezier함수