CSS 5: PSEUDOCLASE a: hover. CAMBIOS EN LAS PROPIEDADES DE LOS LINK

La pseudoclase a:hover se usa para crear efectos cuando el puntero del ratón pasa por encima de un enlace.

Crearemos una entrada en el blog con una frase, en minúsculas, a la que le ponemos un enlace. Vamos a ver distintos ejemplos partiendo de una pseudoclase sencilla a la que iremos añadiendo líneas:

1. Queremos que nuestros enlaces sean de color naranja y estén en cursiva cuando el cursor pase sobre ellos; el código CSS que utilizaremos será el siguiente:
   

      a:hover {
      color: orange;
      font-style: italic;
      }

2. Ajustamos el espaciado entre los caracteres con la propiedad letter-spacing:
   
   

            a:hover {
            letter-spacing: 10px;
            color: orange;
            font-style: italic;
            }

   
   
3. Cambiar mayúsculas y minúsculas. Usamos la propiedad text-transform:
   
   

         a:hover {
         text-transform: uppercase;
         letter-spacing: 10px;
         color: orange;
         font-style: italic;
         }

   
   

Práctica adaptada de HTML.net