JSFiddle - React, Tailwind, and code Playground

HTML

<li>
  <a>muis hier over heen .. deze tekst</a>
</li>

CSS

li a:hover { /* use full */
  text-shadow: 2px 2px 10px #000000;
  filter: dropshadow(color=#E1E100, offx=2, offy=2);
}

/* styling for the ex. */
li a{font-size:20pt;}
li{list-style-type:none; padding:10px; background:white; width:100px; text-transform:uppercase; text-align:center;}
body{background:#ccc;}