AMP Stories 2026
Text Field Gradient Border on Focus
Here is a fancy focus effect for a text field designed by Rik Schennink. When you focus on the...Read More
Pure CSS Gradient Colour Slide Puzzle Style Loading Animation
This pure CSS gradient loading animation was designed by Andreas Hjortland it feels like a slider...Read More
Pure CSS Gradient Underline Hover Animation
A gradient link hover effect designed by Nick Noordijk where the link underline changes colour when...Read More
Pure CSS Gradient Underline Hover Animation
Use this CSS only snippet designed by Colin Horn to add a really cool gradient link hover effect to...Read More
Spotify Inspired Duotone Image Effect
Do you like the duotone gradient image effect on Spotify? Now you can get that same effect on your...Read More
Gradient Fill Underline Hover Effect on Multiple Lines
Have a look at this pretty gradient effect. The underline expands and fills up the text on hover,...Read More
Gradient Pricing Cards
This gradient pricing table was designed by Daniel Boothman, you have 3 pricing cards in this...Read More
Ordered lists with gradient drop numbered bullets
This is a nice little snippet designed by Ines Montani, it shows a ordered number list with a drop...Read More
Animated Gradient Button Hover Effect
This is a fancy button with an animated gradient effect. The pure CSS hover effect for this button...Read More
Simple box-shadow Button Hover Animation
These set of button animation in Pure CSS using the box-shadow property was designed by Giana....Read More