Is it possible to create a sheared div?
问题 Is it possible to create a header div that is sheared/oblique like in the image below? Its for a mobile website 回答1: Yes, this is possible: DEMO .wrapper { overflow:hidden; height:300px; width:100%; background: url(http://placekitten.com/g/300/300); position:relative; } .top { background:gray; height:60%; width:130%; position:absolute; top:-30%; left:-5%; transform:rotate(5deg); border-bottom:10px solid white; } .text{ position:absolute; top:20px; right:10%; padding:10px; border-radius:10px;