Я пытаюсь исказить один угол фона div, как показано на зеленой галочке на изображении ниже:
В CSS3 я, однако, не могу этого добиться, перекос полностью перекошен в каждом углу. Я просто хочу перекосить нижний правый угол влево (скажем, 25 пикселей) и сохранить перспективу (как показано на рисунке выше).
background-image: url('http://rtjansen.nl/images/stackoverflow.png');
-webkit-transform: skew(-45deg);
Fiddle: 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);
}