/ Published in: CSS
Expand |
Embed | Plain Text
Copy this code and paste it in your HTML
.gradient-bg { /* fallback/image non-cover color */ background-color: #1a82f7; /* fallback image */ background-image: url(images/fallback-gradient.png); /* Firefox 3.6+ */ background-image: -moz-linear-gradient(#2F2727, #1a82f7); /* Safari 4+, Chrome 1+ */ background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1a82f7), to(#2F2727)); /* Safari 5.1+, Chrome 10+ */ background-image: -webkit-linear-gradient(#2F2727, #1a82f7); /* Opera 11.10+ */ background-image: -o-linear-gradient(#2F2727, #1a82f7); }
URL: http://css-tricks.com/css3-gradients/