/* gradients with color stops */ .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; }