김코드의 웹디자인 세상

✏ transition transition는 요소의 전환(시작과 끝) 효과를 지정하는 단축 속성이다. transition는 속성명 property + 지속시간 duration + 타이밍 함수 timing-function + 대기시간 delay; 으로 구성되며 축형으로 작성 시 지속시간은 꼭 작성해야 한다. 1. property 전환효과를 사용할 속성 이름을 지정하는 속성이다. 기본적으로는 all으로 기본 값으로 지정되어 있으며, 필요한 따라 정확한 특정 속성을 명시하고 싶을 때 상용한다. ( width, height ... ) transition: width; 2. duration 전환효과의 시속 시간(s)을 지정해주는 속성이다. 기본적으로는 0s로 기본값으로 지정되어 있으며, 만약 0.5s 같은 1보다..