Here’s another detailed tutorial which you can see written and as a video, animating links in CSS. The humble text link, or anchor, is a mainstay of the World Wide Web. For a long time links were always blue and underlined, until CSS came along and gave us the tools to change the color and style and even animate our link hover effects.
In this tutorial you will learn how to style and animate the underlines on links. You will also combine multiple transitions, group animation key frames together. And lastly investigate some of the upsides and downsides of using animations instead of transitions.