crop_rotate
Run
<!DOCTYPE html> <html> <head> <style> div { width: 200px; height: 75px; background-color: #2196F3; border: 2px solid orange; transform: matrix(2, 0, 0.6, 1, 130, 0); color:white; margin:100px; } </style> </head> <body> <h1>CSS transform with matrix() Method</h1> <p>CSS transform with matrix() skew an element.</p> <div> this element will matrix </div> </body> </html>
PCFET0NUWVBFIGh0bWw+DQo8aHRtbD4NCjxoZWFkPg0KPHN0eWxlPiANCmRpdg0Kew0KICB3aWR0aDogMjAwcHg7DQogIGhlaWdodDogNzVweDsNCiAgYmFja2dyb3VuZC1jb2xvcjogIzIxOTZGMzsNCiAgYm9yZGVyOiAycHggc29saWQgb3JhbmdlOw0KICB0cmFuc2Zvcm06IG1hdHJpeCgyLCAwLCAwLjYsIDEsIDEzMCwgMCk7DQogIGNvbG9yOndoaXRlOw0KICBtYXJnaW46MTAwcHg7DQp9DQo8L3N0eWxlPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4gOjotd2Via2l0LXNjcm9sbGJhcnt3aWR0aDo3cHg7aGVpZ2h0OjdweDt9Ojotd2Via2l0LXNjcm9sbGJhci10cmFja3tiYWNrZ3JvdW5kOiNmZmY7fTo6LXdlYmtpdC1zY3JvbGxiYXItdGh1bWJ7Ym9yZGVyLXJhZGl1czo1cHg7YmFja2dyb3VuZDojMmY0NWZmO308L3N0eWxlPjwvaGVhZD4NCjxib2R5Pg0KDQo8aDE+Q1NTIHRyYW5zZm9ybSB3aXRoIG1hdHJpeCgpIE1ldGhvZDwvaDE+DQo8cD5DU1MgdHJhbnNmb3JtIHdpdGggbWF0cml4KCkgc2tldyBhbiBlbGVtZW50LjwvcD4NCg0KPGRpdj4NCiAgdGhpcyBlbGVtZW50IHdpbGwgbWF0cml4DQo8L2Rpdj4NCg0KPC9ib2R5Pg0KPC9odG1sPg==