JSFiddle - React, Tailwind, and code Playground

by Riccal

HTML

<style type="text/css">
body {
	width: 600px;
	text-align: center;
	margin: 100px auto;
}
.gradient {
	width: 200px;
	height: 200px;

	background: #999; /* for non-css3 browsers */

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#000000'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#000)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ccc,  #000); /* for firefox 3.6+ */ 
}

</style>
</head>

<body>
<div class="gradient">
	gradient box
</div>