"Gradient CSS"
Bootstrap 3.3.0 Snippet by enghed

Post to Facebook Tweet this

1
2
3
4
5
6
7
8
9
10
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="container">
<div class="row">
<h2>Create your snippet's HTML, CSS and Javascript in the editor tabs</h2>
</div>
</div>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
div{
background: rgba(46,46,46,1);
background: -moz-linear-gradient(45deg, rgba(46,46,46,1) 0%, rgba(176,17,23,1) 21%, rgba(176,17,23,1) 100%);
background: -webkit-gradient(45deg, right top, color-stop(0%, rgba(46,46,46,1)), color-stop(21%, rgba(176,17,23,1)), color-stop(100%, rgba(176,17,23,1)));
background: -webkit-linear-gradient(45deg, rgba(46,46,46,1) 0%, rgba(176,17,23,1) 21%, rgba(176,17,23,1) 100%);
background: -o-linear-gradient(45deg, rgba(46,46,46,1) 0%, rgba(176,17,23,1) 21%, rgba(176,17,23,1) 100%);
background: -ms-linear-gradient(45deg, rgba(46,46,46,1) 0%, rgba(176,17,23,1) 21%, rgba(176,17,23,1) 100%);
background: linear-gradient(45deg, rgba(46,46,46,1) 0%, rgba(176,17,23,1) 21%, rgba(176,17,23,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e2e2e', endColorstr='#b01117', GradientType=1 );
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More

Material Kit React
Tall Footer With Gradient Image

Questions / Comments: