Advanced Search

Return to Snippet

Revision: 62702
at March 6, 2013 22:28 by apphp-snippets
Initial Code 
<style>
.grad{
  background: -webkit-gradient(linear, left top, left bottom, from(#84c8d7), to(#327fbd));
  background: -moz-linear-gradient(top,  #84c8d7,  #327fbd);
  filter:
    progid:DXImageTransform.Microsoft.gradient(startColorstr="#84c8d7", endColorstr="#327fbd"); 
}
</style>
 
<div class="grad">This is a DIV with gradient background.</div>
Initial URL 
http://www.apphp.com/index.php?snippet=css-background-gradient
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 
CSS