crop_rotate
Run
<!DOCTYPE html> <html> <head> <style> div { height:350px; width:100%; border:solid 2px cyan; display:inline-block; } .linear { background: linear-gradient(to right,lime,cyan); } </style> </head> <body> <h1>CSS Linear Gradient</h1> <p>CSS gradients are represented by the <gradient> data type</p> <div class="linear"></div> </body> </html>
PCFET0NUWVBFIGh0bWw+DQo8aHRtbD4NCjxoZWFkPg0KPHN0eWxlPg0KZGl2DQp7DQogIGhlaWdodDozNTBweDsNCiAgd2lkdGg6MTAwJTsNCiAgYm9yZGVyOnNvbGlkIDJweCBjeWFuOw0KICBkaXNwbGF5OmlubGluZS1ibG9jazsNCn0NCi5saW5lYXINCnsNCiAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KHRvIHJpZ2h0LGxpbWUsY3lhbik7DQp9DQoNCjwvc3R5bGU+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPiA6Oi13ZWJraXQtc2Nyb2xsYmFye3dpZHRoOjdweDtoZWlnaHQ6N3B4O306Oi13ZWJraXQtc2Nyb2xsYmFyLXRyYWNre2JhY2tncm91bmQ6I2ZmZjt9Ojotd2Via2l0LXNjcm9sbGJhci10aHVtYntib3JkZXItcmFkaXVzOjVweDtiYWNrZ3JvdW5kOiMyZjQ1ZmY7fTwvc3R5bGU+PC9oZWFkPg0KPGJvZHk+DQoNCjxoMT5DU1MgTGluZWFyIEdyYWRpZW50PC9oMT4NCjxwPkNTUyBncmFkaWVudHMgYXJlIHJlcHJlc2VudGVkIGJ5IHRoZSA8Z3JhZGllbnQ+IGRhdGEgdHlwZTwvcD4NCg0KPGRpdiBjbGFzcz0ibGluZWFyIj48L2Rpdj4NCg0KPC9ib2R5Pg0KPC9odG1sPg==