JSFiddle - React, Tailwind, and code Playground

by tanvir_alam_shawn

HTML

<table>
    <tr class="invalid">
        <td>true</td>
        <td>false</td>
        <td>true</td>
        <td>true</td>
    </tr>
</table>

CSS

@-webkit-keyframes invalid {
  from { background-color: red; }
  to { background-color: inherit; }
}
@-moz-keyframes invalid {
  from { background-color: red; }
  to { background-color: inherit; }
}
@-o-keyframes invalid {
  from { background-color: red; }
  to { background-color: inherit; }
}
@keyframes invalid {
  from { background-color: red; }
  to { background-color: inherit; }
}
.invalid {
  -webkit-animation: invalid 1s infinite; /* Safari 4+ */
  -moz-animation:    invalid 1s infinite; /* Fx 5+ */
  -o-animation:      invalid 1s infinite; /* Opera 12+ */
  animation:         invalid 1s infinite; /* IE 10+ */
}

JavaScript

console.log('Look ma, no JavaScript!')