Posted By

ultranaut on 10/13/11


Tagged


Versions (?)

Who likes this?

1 person have marked this snippet as a favorite

spee66


CSS Gradient background


 / Published in: CSS
 

  1. .gradient {
  2. color: #ffc;
  3. /* default for browsers that don't support gradients */
  4. background: #aa3e00;
  5. /* For Opera */
  6. background-image: -o-linear-gradient(rgb(170,101,0),rgb(170,62,0));
  7. /* For WebKit (Safari, Google Chrome etc) */
  8. background: -webkit-gradient(linear, left top, left bottom, from(#aa3e00), to(#aa6500));
  9. /* For Mozilla/Gecko (Firefox etc) */
  10. background: -moz-linear-gradient(top, #aa6500, #aa3e00);
  11. /* For Internet Explorer 5.5 - 7 */
  12. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#aa6500, endColorstr=#aa3e00);
  13. /* For Internet Explorer 8 */
  14. -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#aa6500, endColorstr=#aa3e00)";
  15. }

Report this snippet  

You need to login to post a comment.