/* multiple backgrounds and gradients */ .example { background: linear-gradient(0deg, gold 0%, gold 25%, deeppink 25%, deeppink 50%, gold 50%, gold 75%, deeppink 75%, deeppink 100px); background-size:100px 100px; } //.example { background: linear-gradient(90deg, transparent 0%, transparent 25%, transparent 25%, transparent 50%, transparent 50%, transparent 75%, pink 75%, pink 100px), linear-gradient(0deg, transparent 0%, transparent 25%, deeppink 25%, deeppink 50%, transparent 50%, transparent 75%, deeppink 75%, deeppink 100px), linear-gradient(90deg, transparent 0%, transparent 25%, purple 25%, purple 50%, transparent 50%, transparent 75%, transparent 75%, transparent 100px), white ; background-size:100px 100px; }