CSS3 Gradients Background Tutorial Online | Coding Tag
×

CSS3 Gradiants

3472

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>



Best WordPress Hosting


Share:


Discount Coupons

Get a .COM for just $6.98

Secure Domain for a Mini Price



Leave a Reply


Comments
    Waiting for your comments