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.
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...
July 17, 2017
We have seen some cool link effects and with this snippet, by Luke Meyrick, we can see a link underline transforms into a button around that text while you...