9-2. CSS 트랜지션 (transition-property, transition-duration, transition-timing-function, transition-delay)

1. 트랜지션 transition 트랜지션은 웹 요쇠의 배경색을 바꾸거나 도형의 테두리를 사각형에서 원형으로 밖는 것처럼 스타일의 속성이 바뀌는 것을 말한다. 웹 요소의 스타일 속성이 시간에 따라 바뀌는 것을 트랜지션이라고 한다. 2. transtion-property transition-property 속성은 트랜지션 대상을 지정하는 속성이다. 1️⃣ all : 모든 속성이 트랜지션 대상이 된다. 기본값 2️⃣ none : 트랜지션을 하는 동안 아무 속성도 바뀌지 않는다. 3️⃣ 속성 이름 : 트랜지션 효과를 적용할 속성을 지정한다. 3. transition-duration transition-duration은 transtion-property 에서 트랜지션 대상을 지정했다면 다음으로 진행 시간을 지정..

2021.10.15