Gradient Buttons With Glint on Hover

Check out this colourful collection of buttons with gradient styling and a glint effect on hover. These pure CSS buttons were designed by Muhammed Erdem.

Horizontal Parallax Circular Icons

You all will love these wonderful circular icons with a subtle horizontal parallax scroll to it when you hover over them, these were designed by Jamie Coulter

Retro Yes No Popup Dialog Box

Here is a really cool retro dialog box popup designed by rΓ©mi and coded by Thibaud Goiffon. It’s got a very simple look with a colourful scrolling background and...

Strobe Light Effect for Text

Here is an in your face text effect that mimics the strobe light effect in pure CSS. This glitch effect for text was designed by Jorinde.

Responsive Service Grid with 3 Columns

Here is an elegant service section grid that you can use on your business website, it consists of a 3 column layout where you can showcase 3 services with...

Hover Effects for Quotes and Text

Here are 4 cool hover effects you can add to a text block, these will work well for quotes and other similar text blocks. It was designed by Lisi...

Pure CSS Text Shake Animation

In this text effect snippet by Dronca Raul you have a gradient text color for the text and it has a shake effect simiar to a glitch, the effects...

Attention Grabbing CTA Button Animation

This pure CSS CTA microinteraction for a button was designed by Daniel Gonzalez. You have 2 small circles hovering the text and when you move the move over it,...

Material Design Drop Down Navigation Menu

Have a look at this material design inspired navigation menu with drop-down elements. This card UI inspired pure CSS snippet was designed by Connor Brassington.

Long Shadow Progress Text Animation

Here is a cool retro looking text effect by Daniel Gonzalez, the long shadow has a progress bar like effect and the text gets a different colour at the...

1 2 3 4 5 6 7 8 9 10