JSFiddle - React, Tailwind, and code Playground

HTML

<div class="card" >-1</div>
<div class="card" >-1</div>
<div class="card" >1</div>

CSS

.card {
  height: 100px;
  width: 100px;
  display: block;
  background-color: blue;
  float: left;
  margin-right: 10px;
}


.out {
  opacity: 0;
  transition: opacity 1s;
  transition-timing-function: ease-out;

}

JavaScript

$(function() {

  function destroydead(){
    $('.card').each(function(i){
            var stats = $(this).html();
            if(stats <= 0){
                $(this).addClass('out');
            }
                 
    });
}

destroydead();

});