CSS 3 Gradients

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>

RESULT:

CSS-3-gradient




Leave a Reply

avatar
  Subscribe  
Notify of