Advanced Search

Cross-browser CSS Gradient

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

Expand | Embed | Plain Text

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.