Enea Xharja

Wavy Underline

Add a wavy underline to your text with CSS:

<p>
  Check out
  <a href="https://eneaxharja.com">my own little corner of the web!</a>
</p>
body {
  background-color: #000;
  color: #fff;
  font-size: 24px;
  padding: 64px;
  font-family: sans-serif;
  text-align: center;
}

a {
  color: #3ddc84;
  text-decoration: underline wavy #4285f4;
}
a:hover {
  text-decoration: underline solid #4285f4;
}

Updated on February 09, 2021

Tagged with: css, snippets


Profile picture

Hey there! I'm Enea, a web developer currently working at eqolot. Welcome to my little corner of the web, where I share my open collection of notes, code snippets, and resources on topics that interest me.

© 2021 Enea Xharja