HTML CSS examples for CSS Property:linear-gradient
Add a hatch effect pattern over a linear-gradient
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> div {<!--from ww w. j a va 2s. c o m--> width:100px; height:100px; } .div1 { background-image:linear-gradient(46deg, black 26%, transparent 26%, transparent 76%, black 76%, black), linear-gradient(46deg, black 26%, transparent 26%, transparent 76%, black 76%, black), linear-gradient(Chartreuse,yellow); background-size:5px 5px, 5px 5px, 100% 100%; background-position:0px 0px, 3px 3px, 0px 0px; } </style> </head> <body> <div class="div1"></div> </body> </html>