요소의 전상태와 후상태의 중간 단계를 자연스럽게 만들어 주는 것을 전환 효과 라고 합니다.
단축형
전환 효과를 사용할 속성 이름을 지정합니다.
사용예
transition: width 1s;
transition: 1s;
전환 효과의 지속시간을 지정합니다.
사용예
transition: width .5s;
전환 효과의 타이밍(Easing) 함수를 지정입니다.
전환 효과가 몇 초 뒤에 시작할지 대기시간을 지정합니다.
사용예
transition: 1s .5s;
transition에 전환효과를 2개 이상 정의할 수 있습니다.
transition: width .5s, background-color 1s;