rotate

HTML, CSS

transform (scale, rotate, translate, skew, transform-origin)

transform transform(변형)은 html 요소를 여러 형태로 변형할 때 사용하는 속성으로, transition과 함께 사용하면 재미있는 효과를 낼 수 있다. transform에 속한 대표적으로 사용하는 속성은 scale, rotate, translate, skew, origin 등이 있다. scale hello world scale은 요소의 크기를 변환시킬 때 사용하는 속성으로, 중심점(transform-origin)을 따라 커지는 효과를 나타낸다. scale(1)에서 1은 100%를 의미하며, 1 이상 또는 이하의 값을 입력해야 변형이 일어난다. scale은 2가지 값을 인수로 받을 수 있다. (x축, y축) 하나만 입력하면 x, y축 모두 동일한 수치를 나타내게 된다. 의외로 음수값도 들..

2DC
'rotate' 태그의 글 목록