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.
Resource : Red Team Design