JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
   <li class="fade" ng-repeat="item in list"> {{property}} </li>
</ul>

CSS

li {
  transition: all .2s ease-in-out;
}
li:hover {
  transform: scale(1.1);
}

li:not( :hover ){
  transition: 1s linear all;
  -webkit-transition: 1s linear all;
}

.fade.ng-enter {
  opacity: 0;
}

.fade.ng-enter.ng-enter-active {
  opacity:; 1;
}

.fade.ng-leave {
  opacity: 1;
}

.fade.ng-leave.ng-leave-active {
  opacity: 0;
}