如何用变换制作平行四边形
我想制作这个元素：
http://screencast.com/t/T95m22e8OQy
我知道 -moz-transform: skew() ;
#parallelogram {
width: 150px;
height: 100px;
-webkit-transform: skew(20deg);
-moz-transform: skew(20deg);
-o-transform: skew(20deg);
-ms-transform: skew(20deg);
background: #FF0000;}
为此：
http://screencast.com/t/HSQ4CLCc
更新
解决方案：
transform: matrix(2.304, 1.020, 0.000, 2.098, 138.441, -46.000);
I want to make this element:
http://screencast.com/t/T95m22e8OQy
And I know -moz-transform: skew();
#parallelogram {
width: 150px;
height: 100px;
-webkit-transform: skew(20deg);
-moz-transform: skew(20deg);
-o-transform: skew(20deg);
-ms-transform: skew(20deg);
background: #FF0000;}
for this:
http://screencast.com/t/HSQ4CLCc
Update
THE SOLUTION:
transform: matrix(2.304, 1.020, 0.000, 2.098, 138.441, -46.000);
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
您可以对倾斜进行旋转，它会给您想要的东西：
看看这个：
https://developer.mozilla.org/en/CSS/Using_CSS_transforms
You can do a rotation added to the skew, it will give you something like you want :
look at this :
https://developer.mozilla.org/en/CSS/Using_CSS_transforms