CSS3 Gradiants

by Abhishek 14-Jul-16

0 835


CSS3 Gradient Backgrounds - Please use this code for Gradients of background. Earlier you use image for give effect of 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 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>


Share:

Comments

    No Comments Yet.

Leave a Reply