Box gradient using CSS


.menu{

/* Safari 4-5, Chrome 1-9
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1a82f7), to(#43aedb));*/

/* Safari 5.1, Chrome 10+
background: -webkit-linear-gradient(top, #43aedb, #1a82f7);*/

/* Firefox 3.6+
background: -moz-linear-gradient(top, #43aedb, #1a82f7);*/

/* IE 10
background: -ms-linear-gradient(top, #43aedb, #1a82f7);*/

/* Opera 11.10+
background: -webkit-linear-gradient(top, #E0E9ED, #43aedb); */

}

gredient

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