crop_rotate
Run
<!DOCTYPE html> <html> <head> <style> .one { width:24%; height:200px; background:blue; display:inline-block; opacity:0.3 } .two { width:24%; height:200px; background:blue; display:inline-block; opacity:0.4 } .three { width:24%; height:200px; background:blue; display:inline-block; opacity:0.6 } .four { width:24%; height:200px; background:blue; display:inline-block; opacity:1 } </style> </head> <body> <div class="one"></div> <div class="two"></div> <div class="three"></div> <div class="four"></div> </body> </html>
PCFET0NUWVBFIGh0bWw+DQo8aHRtbD4NCjxoZWFkPg0KPHN0eWxlPg0KLm9uZQ0Kew0Kd2lkdGg6MjQlOw0KaGVpZ2h0OjIwMHB4Ow0KYmFja2dyb3VuZDpibHVlOw0KZGlzcGxheTppbmxpbmUtYmxvY2s7DQpvcGFjaXR5OjAuMw0KfQ0KDQoudHdvDQp7DQp3aWR0aDoyNCU7DQpoZWlnaHQ6MjAwcHg7DQpiYWNrZ3JvdW5kOmJsdWU7DQpkaXNwbGF5OmlubGluZS1ibG9jazsNCm9wYWNpdHk6MC40DQp9DQoNCi50aHJlZQ0Kew0Kd2lkdGg6MjQlOw0KaGVpZ2h0OjIwMHB4Ow0KYmFja2dyb3VuZDpibHVlOw0KZGlzcGxheTppbmxpbmUtYmxvY2s7DQpvcGFjaXR5OjAuNg0KfQ0KDQouZm91cg0Kew0Kd2lkdGg6MjQlOw0KaGVpZ2h0OjIwMHB4Ow0KYmFja2dyb3VuZDpibHVlOw0KZGlzcGxheTppbmxpbmUtYmxvY2s7DQpvcGFjaXR5OjENCn0NCjwvc3R5bGU+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPiA6Oi13ZWJraXQtc2Nyb2xsYmFye3dpZHRoOjdweDtoZWlnaHQ6N3B4O306Oi13ZWJraXQtc2Nyb2xsYmFyLXRyYWNre2JhY2tncm91bmQ6I2ZmZjt9Ojotd2Via2l0LXNjcm9sbGJhci10aHVtYntib3JkZXItcmFkaXVzOjVweDtiYWNrZ3JvdW5kOiMyZjQ1ZmY7fTwvc3R5bGU+PC9oZWFkPg0KPGJvZHk+DQoNCg0KICA8ZGl2IGNsYXNzPSJvbmUiPjwvZGl2Pg0KICA8ZGl2IGNsYXNzPSJ0d28iPjwvZGl2Pg0KICA8ZGl2IGNsYXNzPSJ0aHJlZSI+PC9kaXY+DQogIDxkaXYgY2xhc3M9ImZvdXIiPjwvZGl2Pg0KDQo8L2JvZHk+DQo8L2h0bWw+