JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
  <div class="mix-blend-mode">
    Hello
  </div>
</div>

CSS

.container {
  width: 40px;
  background: black;  
  animation: w 2s infinite alternate linear;
}
.mix-blend-mode  {
  font-weight: bold;
    color: yellow;
    font-size: 40px;
    mix-blend-mode: luminosity;
}
@keyframes w {
  from {}
  to {width: 80px;}
}