This is a very stylish link that uses a **box shadow**.

This one uses a simple **bottom border** effect with a ::before pseudo-element.

The third link style also uses a pseudo-element, but it has alternating **transformation origins** for the wipe effect.

By combining two pseudo-elements, we can get a link that looks very interesting with **text replacement** on mouse hover.

Our fifth entry also uses pseudo-elements and transitions multiple CSS properties to achieve a cool **highlight box** hover effect.

The sixth and final link style uses **background gradients** as bottom borders and this approach allows the link to be styled on multiple lines.