Cross-browser CSS Gradient


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



Copy this code and paste it in your HTML
  1. /* FireFox 3.6 */
  2. background-image: -moz-linear-gradient(top, #9FD4FF, #008CFF);
  3. /* Safari4+, Chrome */
  4. background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #008CFF),color-stop(1, #9FD4FF));
  5. /* IE6,IE7 */
  6. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9FD4FF', endColorstr='#008CFF');
  7. /* IE8 */
  8. -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#9FD4FF', endColorstr='#008CFF')";

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.