See the Pen transform: matrix; perspective by sangmok-ye (@sangmok-ye) on CodePen.
matrix (scaleX, skewY, skewX, scaleY, translateX, translateY)
기본값 : {transform: matrix(1,0,0,1,0,0); }
perspective : transform의 Z값을 행하기위한 필수요소
참고
http://ds-overdesign.com/transform/matrix3d.html
CSS3 Generator
3D MODE 親要素に transform-style:preserve-3d;transform: rotate3d(-1, 1, 0, 30deg); を指定し、立体描写を確認しやすくします。
ds-overdesign.com
'css' 카테고리의 다른 글
| [css]스크롤바 커스텀 (0) | 2022.04.08 |
|---|---|
| [css]nth-child 응용 (0) | 2022.02.04 |
| [css]리스트 list 2열 배치 display gird 그리드 (0) | 2022.01.07 |
| [css]스크롤바 디자인 (0) | 2021.12.17 |
| [css]이미지 축소 시 화질 저하 감소 (0) | 2021.12.09 |