test

Cool (and easy) animated link underlines.

This is just a random link in the grand scheme of things.

This is some linked block of text.

Here are a few linked text items in a row.

body { font-size: 2em; font-family: sans-serif; padding: 5% 10%; background: #f7f7f7; } a, a:visited { text-decoration: none; position: relative; color: #069; } a:after, a:visited:after { content: ''; height: 3px; position: absolute; bottom: 0; left: 0; width: 0%; background: #069; transition: 0.2s; } a:hover:after, a:visited:hover:after { width: 100%; } a.block, a:visited.block { display: block; padding: 0.5em; } a.block:hover, a:visited.block:hover { background: #eee; }
Sale

Unavailable

Sold Out