JSFiddle - React, Tailwind, and code Playground

HTML

<table><tr><td>aaaa</td><td>bbb</td><td>bbb</td></tr><tr><td>aaaa</td><td>bbb</td><td>bbb</td></tr><tr><td>aaaa</td><td>bbb</td><td>bbb</td></tr></table>

CSS

table{border-collapse:separate;}
td { padding: 10px; border: solid 5px white; background: blue; }

JavaScript

$('td').live('mouseover', function () {
        $(this).stop().fadeTo('slow', 0.7);
    });


    $('td').live('mouseout', function () {
        $(this).stop().fadeTo('fast', 1.0);
    });