Web Design Inspiration with Code Snippets
Handpicked code snippets you can use in your web projects. Find website design inspiration with code samples. Scroll down and find more inspiration or use the search to find something more specific.
Links are the building blocks of the internet. Check out these creative and modern effects that can be used to add some awesome hover effects for links or for menu items. Find inspiration for creative link hover effects.
You might also like our Buttons collection.
January 08, 2018
In this link hover effect, the transition follows your mouse and has a nice little bouncy effect when it jumps from one links to another. Designed by Bennett Feely.
November 10, 2017
A gradient link hover effect designed by Nick Noordijk where the link underline changes colour when you hover over it.
September 19, 2017
In this snippet Giana shows you how you can target elements based on their position to a hovered element using CSS sibling selector.
Use this CSS only snippet designed by Colin Horn to add a really cool gradient link hover effect to your text. When you hover over the text a gradient...
August 22, 2017
Have a look at this pretty gradient effect. The underline expands and fills up the text on hover, it will look great for links on your next website, it...