JSFiddle - React, Tailwind, and code Playground

by DoubleYo

HTML

<table> 
     <tbody> 
      <tr> 
        <td>Lorem</td> <td>Ipsum</td> <td>Fierent</td> 
      </tr> 
      <tr> 
        <td>Lorem ipsum</td> <td>pro ut tale erant</td> <td>mnesarchum ne</td>
      </tr>
      <tr>
        <td >mnesarchum ne </td> <td >sapientem</td> <td >fierent mnesarchum </td> 
      </tr>
     </tbody>
    </table>

JavaScript

$('tr').css({backgroundColor: 'transparent'});
$('tr').mouseover(function() {
    $(this).animate({backgroundColor: 'red'}, 500);
}).mouseout(function() {
    $(this).animate({backgroundColor: 'transparent'}, 500);
});