css transform: perspective(320px) rotateX(52deg);

css transform: perspective(320px) rotateX(52deg);

perspective : rotate 에 대한 위치를 잡고 3D로 rotate 되도록 한다.

위 CSS를 적용하면 정사각형이 사다리꼴로 변경된다.

1

---

• https://www.w3schools.com/cssref/css3_pr_perspective.asp

---

🔗original-link