부드러운 움직임
-
CSS Transition 활용 TIP (부드러운 움직임)개발자를 위한 html css js TIP 2019. 6. 10. 19:30
1) Transition 속성값의 변화 중간과정을 CSS가 만들어 부드러운 움직임을 나타내는 기능(IE 10+) 속성값이 변화하는 경우에만 동작하므로 transition:all 500ms linear; transition:(css속성명) (변화시간) (변화타입) (딜레이시간); ex) transition:all 300ms linear; transition:transform 0.5s easy-in-out; transition:opacity 200ms linear 100ms, left 200ms 200ms; normal transition 속성명을 입력하지 않거나 all 인 경우 모든 속성 변화하고 싶은 속성만 골라서 사용 ex) width, left, opacity 등등 ( 모든 속성은 느려지거나 원하지 ..