05-32-repeating-pattern.html 563 B

12345678910111213141516171819202122232425262728293031
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Gradient patterns</title>
  6. <style>
  7. html, body {
  8. height: 100%;
  9. }
  10. body {
  11. margin: 0;
  12. background-color: #fff;
  13. background-image: linear-gradient(
  14. transparent,
  15. transparent 50%,
  16. rgba(55, 110, 176, 0.3) 50%
  17. ),
  18. linear-gradient(
  19. to right,
  20. transparent,
  21. transparent 50%,
  22. rgba(55, 110, 176, 0.3) 50%
  23. );
  24. background-size: 40px 40px;
  25. }
  26. </style>
  27. </head>
  28. <body>
  29. </body>
  30. </html>