JSFiddle - React, Tailwind, and code Playground
HTML
<div id="casella">Ciao</div>
<button id="bottone" onclick="highlight('casella')">Clicca per highlight</button>
JavaScript
window.highlight = function(idElemento){
var elemento = document.getElementById(idElemento);
//imposto l'opacità iniziale
var opacita = 1.0;
//avvio il timer
var timer = setInterval(function(){
//imposto la tonalità
elemento.style.backgroundColor = "rgba(255, 255, 150, " + opacita + ")";
//e la riduco (in maniera lineare) di un centesimo alla volta
opacita -= 0.01;
//se il colore è ormai trasparente, arresto il timer
if (opacita < 0){
clearInterval(timer);
}
}, 10); //faccio in modo che il timer scada ogni 10 millisecondi
}