[css] transform, transition, animation
1. transform 요소에 회전, 크기 조절, 기울이기, 이동 효과 등을 부여하는 속성. transform 대부분의 함수는 XYZ를 붙여 한 축으로만 변환하는 기능으로 사용할 수 있다. 함수 값 기능 rotate(10deg) / rotate(0.5turn) 시계 방향으로 회전. 음수로 작성하면 시계 반대 방향. scale(2, 3) width 2배, height 3배 확대. 축소하고 싶을 땐 1보다 작은 값 써주기. skew(10deg, 20deg) x축 10도, y축 20도 회전. translate(100px, 200px) / (12px, 50%) 위치 변경. 2. transition transition은 요소의 두 가지 상태 사이의 변화를 설정해 주는 속성이다. 요소의 각 상태는 :hover나 :..
2022. 9. 14.
