有没有人知道如何实现这样的倾斜：
使用CSS的新的transform属性？
你可以看到我试图倾斜两个角落，任何人都知道这是否可能吗？
解决方法
CSS：
#Box { width: 200px; height: 200px; background: black; position: relative; -webkit-transition: all 300ms ease-in; } #Box:hover { -webkit-transform: rotate(-180deg) scale(0.8); } #Box:after,#Box:before { display: block; content: "\0020"; color: transparent; width: 211px; height: 45px; background: white; position: absolute; left: 1px; bottom: -20px; -webkit-transform: rotate(-12deg); -moz-transform: rotate(-12deg); } #Box:before { bottom: auto; top: -20px; -webkit-transform: rotate(12deg); -moz-transform: rotate(12deg); }
HTML：
<div id=Box></div>
适用于Chrome和FF 4：http://jsfiddle.net/rudiedirkx/349×9/
这可能有助于：http://jsfiddle.net/rudiedirkx/349×9/2880/
这也是(从埃尔文斯的评论)：http://css-tricks.com/examples/ShapesOfCSS/
