# Two Animated Link Styles

### 1 - Two Pseudo Elements

Lots of fun possibilities, but requires `white-space: nowrap;` to work correctly. Temporibus ex doloribus iure, dolore quos optio numquam illum, voluptatibus eius delectus laboriosam possimus quia unde suscipit culpa quod minima sint consectetur!

- Uses CSS3 transform property for those sweet gainz.
- Only works with `white-space: no-wrap` ( must be one single line)

### 2 - Animated Background Image

This way is great. The only limitations are that we are animating the background position only and that this does not use CSS3 transform. Temporibus ex doloribus iure, dolore quos optio numquam illum, even long links OK -> laboriosam possimus quia unde suscipit culpa quod minima sint consectetur!

- Works on links that wrap across multiple lines.
- Animates the `background-position` property, so no sweet GPU love :/
- Relatively limited.