CSS3 將矩形轉換為梯形
[英]CSS3 transorm rectangle to trapezoid
問題描述
我有一個 100x5 的 div：
我需要使用matrix3d()或rotateX()和perspective將其轉換為 30px 高的對稱梯形，角度為 45°（見下文）。 角度應該正好是 45°
1 個解決方案
解決方案1
5 已采納 2014-05-02 20:39:21
這似乎適用於 Chrome -
-webkit-transform: perspective(24px) rotateX(39deg) scale(0.6, 6.4);
transform: perspective(24px) rotateX(39deg) scale(0.6, 6.4);
不過，我的出發點是這篇文章。
如何使顯示從梯形到矩形的過渡的 CSS animation 正常工作？
[英]How do I make this CSS animation that shows a transition from a trapezoid to a rectangle work properly?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.