Leave a comment

Gradiant in CSS3

#main_header{
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0079c0), to(#fff));/* Safari 4-5, Chrome 1-9 */
background: -webkit-linear-gradient(bottom, #fff, #0079c0); /* Safari 5.1, Chrome 10+ */
background: -moz-linear-gradient(bottom, #fff, #0079c0); /* Firefox 3.6+ */
background: -ms-linear-gradient(bottom, #fff, #0079c0); /* IE 10 */
background: -o-linear-gradient(bottom, #fff, #0079c0);/* Opera 11.10+ */
width:100%;
height:100px;
}

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: