로딩
요청 처리 중입니다...

[css 11.] transform 속성으로 이동, 회전, 확대, 기울이기 효과 (+다중사용)

 [css 11.] transform 속성으로 이동, 회전, 확대, 기울이기 효과 (+다중사용)

transform 뜻 변형 css 요소의 크기나 형태, 모양 등 스타일 변형 transform 종류 transform : ____________ translate 이동 x축 + : 오른쪽 y축 + : 아래쪽 ex) transform: translate(10px, 20px); translate(x , y) translateX(x) translateY(y) rotate 회전 왼쪽으로 회전 < 0 < 오른쪽으로 회전 ex) transform: rotate(90deg); rotate(각도deg) rotateX(각도deg) rotateY(각도deg) scale 축소, 확대 축소 < 1 < 확대 ex) transform: scale(1.5); scale(숫자) => 동일 비율 scale(숫자, 숫자) => x, y 각각 설정 scaleX(숫자) scaleY(숫자) skew 기울기 반시계방향 < 0 < 시계방향 ex) transform: skew(30deg, 30deg); skew(xdeg, y...

# csstransform # transform이동 # transform여러개 # transform기준점 # transform같이쓰기 # transform # css회전 # css확대시키기 # css원근감표현 # csstransform효과 # translate이동