CSS3 Gradients Background Tutorial Online | Coding Tag
×

CSS3 Gradiants

0 1860

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>


Share:


Discount Coupons



Leave a Reply


Comments
    Waiting for your comments