JSFiddle - React, Tailwind, and code Playground

by Vikash Kumar Gupta

HTML

<div id="highlightDemo">
  Click me
</div>

CSS

@keyframes highlight {
 	0% {
 		background: #ffff99; /* lovely yellow colour */
 	}
 	100% {
 		background: none;
 	}
}

#highlightDemo{
  border: 1px solid red;  \
  height: 20px;
}

.highlight {
    animation: highlight 2s;
}

JavaScript

document.querySelector('#highlightDemo').addEventListener('click', function(){
	//debugger;
	this.classList.add('highlight');

})