JSFiddle - React, Tailwind, and code Playground

by Cristian González

HTML

<div class="highlight-tutorial">

  Benvingut a AfterEgo.net<br>

  Què vols fer a continuació?

  <ul>
    <li><button>Crear un nou missatge</button></li>
    <li><button>Revisar els missatges que has escrit</button></li>
    <li><button>Veure els missatges que has rebut</button></li>
  </ul>

</div>

CSS

/* The animation code */
@keyframes highlight {
  0% {
    background-color: gray;
  }
  100 {
    background-color: white;
  }
}

/* The element to apply the animation to */
.highlight-tutorial {
  animation-name: highlight;
  animation-duration: 1s;
}