Transform, Transition
Transform : Transform 속성은 HTML 요소의 회전, 크기 조절, 기울이기, 이동 효과를 나타낼 때, 사용한다. : Transform 속성을 사용하기 위해서는 display 속성이 block 혹은 inline-block 이어야 한다. ex) transform: translateX(20px); Transform 함수 translate(x, y) : 지정한 값 만큼 x축, y축으로 이동한다. scale(x, y) : 지정한 값 만큼 x축, y축으로 확대 및 축소 한다. rotate( 30deg ) : 지정한 각도만큼 회전한다. (+ 시계방향, - 반시계방향) skew(x, y) : 지정한 각도만큼 x축과 y축을 왜곡한다. Transition : 속성값이 변할 때 더 부드럽게 전환되도록 도와준..
2024. 1. 25.