crop_rotate
Run
<!DOCTYPE html> <html> <head> <style> div { width: 200px; height: 75px; background-color: #2196F3; border: 2px solid orange; transform: skewY(35deg); color:white; margin:100px; } </style> </head> <body> <h1>CSS transform with skew() Method</h1> <p>CSS transform with skew() skew an element.</p> <div> this element will skew </div> </body> </html>
PCFET0NUWVBFIGh0bWw+DQo8aHRtbD4NCjxoZWFkPg0KPHN0eWxlPiANCmRpdg0Kew0KICB3aWR0aDogMjAwcHg7DQogIGhlaWdodDogNzVweDsNCiAgYmFja2dyb3VuZC1jb2xvcjogIzIxOTZGMzsNCiAgYm9yZGVyOiAycHggc29saWQgb3JhbmdlOw0KICB0cmFuc2Zvcm06IHNrZXdZKDM1ZGVnKTsNCiAgY29sb3I6d2hpdGU7DQogIG1hcmdpbjoxMDBweDsNCn0NCjwvc3R5bGU+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPiA6Oi13ZWJraXQtc2Nyb2xsYmFye3dpZHRoOjdweDtoZWlnaHQ6N3B4O306Oi13ZWJraXQtc2Nyb2xsYmFyLXRyYWNre2JhY2tncm91bmQ6I2ZmZjt9Ojotd2Via2l0LXNjcm9sbGJhci10aHVtYntib3JkZXItcmFkaXVzOjVweDtiYWNrZ3JvdW5kOiMyZjQ1ZmY7fTwvc3R5bGU+PC9oZWFkPg0KPGJvZHk+DQoNCjxoMT5DU1MgdHJhbnNmb3JtIHdpdGggc2tldygpIE1ldGhvZDwvaDE+DQo8cD5DU1MgdHJhbnNmb3JtIHdpdGggc2tldygpIHNrZXcgYW4gZWxlbWVudC48L3A+DQoNCjxkaXY+DQogIHRoaXMgZWxlbWVudCB3aWxsIHNrZXcNCjwvZGl2Pg0KDQo8L2JvZHk+DQo8L2h0bWw+