crop_rotate
Run
<!DOCTYPE html> <html> <head> <style> div { width: 200px; height: 75px; background-color: #2196F3; border: 2px solid orange; transform: skew(25deg); 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+DQo8aHRtbD4NCjxoZWFkPg0KPHN0eWxlPiANCmRpdg0Kew0KICB3aWR0aDogMjAwcHg7DQogIGhlaWdodDogNzVweDsNCiAgYmFja2dyb3VuZC1jb2xvcjogIzIxOTZGMzsNCiAgYm9yZGVyOiAycHggc29saWQgb3JhbmdlOw0KICB0cmFuc2Zvcm06IHNrZXcoMjVkZWcpOw0KICBjb2xvcjp3aGl0ZTsNCiAgbWFyZ2luOjEwMHB4Ow0KfQ0KPC9zdHlsZT4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+IDo6LXdlYmtpdC1zY3JvbGxiYXJ7d2lkdGg6N3B4O2hlaWdodDo3cHg7fTo6LXdlYmtpdC1zY3JvbGxiYXItdHJhY2t7YmFja2dyb3VuZDojZmZmO306Oi13ZWJraXQtc2Nyb2xsYmFyLXRodW1ie2JvcmRlci1yYWRpdXM6NXB4O2JhY2tncm91bmQ6IzJmNDVmZjt9PC9zdHlsZT48L2hlYWQ+DQo8Ym9keT4NCg0KPGgxPkNTUyB0cmFuc2Zvcm0gd2l0aCBza2V3KCkgTWV0aG9kPC9oMT4NCjxwPkNTUyB0cmFuc2Zvcm0gd2l0aCBza2V3KCkgc2tldyBhbiBlbGVtZW50LjwvcD4NCg0KPGRpdj4NCiAgdGhpcyBlbGVtZW50IHdpbGwgc2tldw0KPC9kaXY+DQoNCjwvYm9keT4NCjwvaHRtbD4=