JSFiddle - React, Tailwind, and code Playground

by adriia

HTML

<a id="foo" href="#" title="El meu enllaç">
    Aquí pots escriure text
</a>

CSS

#foo {
  background: cyan;
  display: inline-block;
  padding: 5px 10px;
  opacity: 1;
  
  text-decoration: none;
}

JavaScript

$(document).ready(function(){
  
  $("#foo").hover(function(){
    // Això s'executa quan l'usuari entra amb el ratolí dins la nostra capa
    $(this).animate({opacity:0.4});
  }, function(){
    // Això s'executa quan l'usuari treu el ratolí de sobre la nostra capa
    $(this).animate({opacity:1});
  });
  
});