CSS how to add Gradients

To add gradient in CSS use below code.

CSS code Below:

.liner-gridiaent{
width:300px;
height:200px;
border-radius:7px;
-moz-border-radius:7px; /* Firefox */
-webkit-border-radius:7px; /* Safari and Chrome */
background: linear-gradient(top, #e0e0e0 0%,#666666 59%); /* standerd syntex */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e0e0), color-stop(59%,#666666));
/*Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e0e0e0 0%,#666666 59%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e0e0e0 0%,#666666 59%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e0e0e0 0%,#666666 59%); /* IE10+ */

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