JSFiddle - React, Tailwind, and code Playground

by wintlu

HTML

<!doctype html>
<style>
p {
  text-shadow: #FFF 0px 0px 2px;
  color: black;
  background: red;
  font-size: 32px;
}
</style>

<p id=test>
  Lorem ipsum dolor sit, amet consectetur adipisicing elit. Architecto omnis amet similique doloribus adipisci consectetur labore non molestiae excepturi. Dignissimos voluptatum nam corporis hic doloremque non recusandae error nobis impedit!
</p>

<script>
  (() => {
  let i = 0;
   const test = document.getElementById('test');
  test.style.textShadow = Array(30).fill('#FFF 0px 0px 2px').join(',');
  const update = () => {
    test.style.backgroundColor = ++i % 2 === 0 ? 'black' : 'red';
    requestAnimationFrame(update);
  }
  update();
})();
</script>