HTML CSS examples for CSS Property:linear-gradient
Create a background with two responsive triangles using gradient
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> .text-beside-wrapper {<!-- w w w. j a va2 s . c om--> width:201px; height:401px; background:-moz-linear-gradient(to bottom right, Chartreuse 51%, yellow 51%); background:-webkit-linear-gradient(to bottom right, blue 51%,pink 51%); background:linear-gradient(to bottom right, WhiteSmoke 51%,OrangeRed 51%); } </style> </head> <body> <div class="text-beside-wrapper"> </div> </body> </html>