Gradient

gradient.css

/* This would be added to the element, which in this case is .example-banner */

.example-banner {
  background: #50c1c1; /* Old browsers, defaults to solid blue */
  background: -moz-linear-gradient(left, #50c1c1 0%, #109cc5 100%); /* FireFox v3.6-15 */
  background: -webkit-linear-gradient(left, #50c1c1 0%,#109cc5 100%); /* Chrome v0-25, Safari v5.1-6 */
  background: linear-gradient(to right, #50c1c1 0%,#109cc5 100%); /* W3C, IE v10+, FireFox v16+, Chrome v26+, Opera v12+, Safari v7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#50c1c1', endColorstr='#109cc5',GradientType=1 ); /* IE v6-9 */
}