CSS3 Webkit gradient support updated

Posted: February 19, 2011 in CSS
Tags: , ,

In most of our design, we must use gradient to make the design good-looking. The multi-color gradient makes the design impressive and eye catching. And when the time comes to convert the design in HTML, We had no other choice to take the gradient in image, either the gradient is in linear or radial or any other form.

But now, time turned. Now you can make your gradient with CSS only using the CSS 3.0. You just no need to take that gradient in image background anymore, which was fixed in dimensions and was not flexible.

You can use gradient in few line like:

background-image: -moz-linear-gradient(#81a8cb, #cde6f9); /* Firefox */
background-image: -webkit-linear-gradient(#81a8cb, #cde6f9); /* Webkit */

Note : This still doesn’t work in IE.

View this tutorial in Detail

Resource : Red Team Design

CSS3 Webkit gradient support updated


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 )

Google+ photo

You are commenting using your Google+ 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 )


Connecting to %s