JSFiddle - React, Tailwind, and code Playground

by Mohammed Ismail Ansari

HTML

<div id="good-div">
    This is a good div    
</div>

CSS

#good-div
{
    width: 200px;
    height: 300px;
    line-height: 300px;
    background-image: -ms-linear-gradient(top, #CCCCCC 0%, Red 100%);
    background-image: -moz-linear-gradient(top, #CCCCCC 0%, Red 100%);
    background-image: -o-linear-gradient(top, #CCCCCC 0%, Red 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #CCCCCC), color-stop(1, Red)); 
    background-image: -webkit-linear-gradient(top, #CCCCCC 0%, Red 100%);
    background-image: linear-gradient(top, #CCCCCC 0%, Red 100%);
}

JavaScript

// CSS3 Overview: Gradients