JSFiddle - React, Tailwind, and code Playground

by Tgwizman

HTML

<div class="weee">
</div>

<img src="http://f.cl.ly/items/0c0q0k2y391B2E1y0C3U/Screen%20shot%202012-12-12%20at%207.07.14%20PM.png" width="255" height="255" />

CSS

.weee {
    display: inline-block;
    width: 255px;
    height: 255px;
    background: 
        -webkit-linear-gradient(90deg, transparent, black),
        -webkit-linear-gradient(0deg, rgba(255,0,0,255), rgba(255,0,0,0));
    background: 
        -moz-linear-gradient(90deg, transparent, black),
        -moz-linear-gradient(0deg, rgba(255,0,0,255), rgba(255,0,0,0));
}