<span class="animated">Hover over Me!</span>
.animated {
  border: solid black;
  border-width: 0 0 0 0;
  transition: 0.15s ease-out;
}

.animated:hover {
  border-width: 0 0 0.1em 0;
}

/*
  Unimportant stuff starts here :)
*/
body {
  font-family: "Raleway", sans-serif;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.