CSS Gradient background


/ Published in: CSS
Save to your folder(s)



Copy this code and paste it in your HTML
  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


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.