background-blending-background-repeat-no-repeat.html 398 B

123456789101112131415161718192021
  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. <body>
  18. <div></div>
  19. </body>
  20. </html>