Posted By

tomasdev on 03/24/11


Versions (?)

Crossbrowser gradient background

 / Published in: CSS

This is to make a vertical gray gradient with lighter on top and darker gray on bottom. Microsoft filter syntax is: #AARRGGBB where RGB is known, and AA represents hexadecimal Alpha value (opacity).

  1. body{
  2. background: -moz-linear-gradient(100% 100% 90deg, #e3e3e3, #f1f1f1);
  3. background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1f1f1), to(#e3e3e3));
  4. filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr=#FFF1F1F1, endColorstr=#FFE3E3E3);
  5. }

Report this snippet  


RSS Icon Subscribe to comments
Posted By: myforum on March 24, 2011

It gives strange result in Firefox 4

You need to login to post a comment.