/* Linear gradient pattern */ .repeat { background-image: repeating-linear-gradient( 45deg, yellow, yellow 10px, red 10px, red 20px /* determines size */ ); } /* Radial gradient pattern */ .repeat { background: repeating-radial-gradient( circle at 0 0, #eee, #ccc 50px ); }