background-blending-background-repeat-no-repeat.html (398B)
1 <!-- Blend a background image and a background color specifying background-repeat: no-repeat --> 2 <!DOCTYPE HTML> 3 <html> 4 <head> 5 <style> 6 div { 7 background-image: url('as-image/white_square.svg'); 8 background-color: #777777; 9 background-repeat: no-repeat; 10 width: 200px; 11 height: 200px; 12 margin: 10px; 13 background-blend-mode: multiply; 14 } 15 </style> 16 </head> 17 18 <body> 19 <div></div> 20 </body> 21 </html>