小编bar*_*sen的帖子

我试图扭曲div背景的一个角,如下图中的绿色复选标记所示:

然而,在CSS3中我无法实现这一点,完全倾斜每个角落.我只想将右下角向左倾斜(比如说25px)并保持透视(如上图所示).

 background-image: url('http://rtjansen.nl/images/stackoverflow.png');
-webkit-transform: skew(-45deg);

小提琴:http://jsfiddle.net/3eX5j/

我的代码是:

div {    
    width: 300px;
    height:80px;
    margin-left:40px;
    background-image: url('http://rtjansen.nl/images/stackoverflow.png');
    -webkit-transform: skew(-45deg);
}