transformation1 HTML/CSS - Transition & Transformation 1. Transition - Transition은 엘리먼트 상태의 변화를 애니메이션을 통해 표현하는 방법이다. (아래 사진참고) Go Home - Transition 속성값을 사용하기 위해서는 몇가지 규칙이 있다. 먼저 형식이다. 형식) transition: 속성/all 시간 ease-in/ease-out/ease-in-out - 그 다음은 Transation을 작성해야 되는 위치와 작성 규칙이다. Transition을 사용하기 위해서는 반드시 기존상태와는 다른 상태가 적용되는 CSS가 작성되어 있어야 한다. Transition은 반드시 root CSS에 작성되어야 한다. a{}에 적혀야지 a:hover{}에 적히면 안된다. hover에 입력하면 마우스가 올려져 있는 동안은 trasition이 작동을 하.. 2020. 8. 30. 이전 1 다음