CSS3 Gradiants

0 3725

CSS3 Gradient Backgrounds - Please use this code for Gradients of background. Earlier you use the image to give the effect of the gradient but now through this powerful tool CSS3, you can do it through code.

Now through CSS3, we don't require any image for give the effect of the gradient of background.

<!DOCTYPE html>
<html>
<head>
<style type="text/css">

.gradients{
width: 600px;
height: 50px;
background: linear-gradient(60deg, #2196F3 10%, #3F51B5 60%);
background: -webkit-linear-gradient(60deg, #2196F3 10%, #3F51B5 60%);
background: -moz-linear-gradient(60deg, #2196F3 10%, #3F51B5 60%);
background: -ms-linear-gradient(60deg, #2196F3 10%, #3F51B5 60%);
background: -o-linear-gradient(60deg, #2196F3 10%, #3F51B5 60%);
}

</style>
</head>
<body>
<div class="gradients">
</div>
</body>
</html>

Execute