gradients

Demo gradients

Vertical gradient between two colors

-webkit-gradient(linear, left top, left bottom, color-stop(0, #B22222), color-stop(1, #FFA500));

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Same colors but no gradient color positions

-webkit-gradient(linear, left top, left bottom, color-stop(0, #B22222), color-stop(0.5, #B22222), color-stop(0.5, #FFA500), color-stop(1, #FFA500));

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Same background but with specified size

background-size: 10px 10px;

Lorem ipsum dolor sit amet, consectetur adipiscing elit.