본문 바로가기
웹코딩 배우기/· CSS

transform: rotateX(deg); 3D 회전

by 닐기 2021. 8. 6.

See the Pen transform: rotate by nilgi (@nilgi) on CodePen.

 

2D 회전 transform: rotate에 X, Y, Z값을 줘 3D 회전.

transform: rotateX(deg); X축 기준으로 회전

transform: rotateY(deg); Y축 기준으로 회전

transform: rotateZ(deg); Z축 기준으로 회전