Return to Snippet

Revision: 62702
at March 6, 2013 22:28 by apphp-snippets

Initial Code
  background: -webkit-gradient(linear, left top, left bottom, from(#84c8d7), to(#327fbd));
  background: -moz-linear-gradient(top,  #84c8d7,  #327fbd);
    progid:DXImageTransform.Microsoft.gradient(startColorstr="#84c8d7", endColorstr="#327fbd"); 
<div class="grad">This is a DIV with gradient background.</div>

Initial URL

Initial Description
Today with CSS3, you no longer need a background image for gradients. You can use CSS to add a gradient to the background of some elements on your page. For ex.: change the color hex values ("84c8d7" and "327fbd") to the gradient color you need.

Initial Title
Adding Background Gradient in CSS

Initial Tags
css, background

Initial Language