Awesome Box Shadow Effect for Card UI

Check out this simple but effective CSS snippet of using 2 box-shadow, the second one with a bigger blur and opacity. Works well on card UI elements.

Load Multiple Videos from an Unordered List

With this snippet designed by Corey Roth you have an unordered list on the right and a video on the left. When you click on each item in the...

Call Button With Ring Effect on Hover

Here are 2 icons a landline and a mobile icon that doubles up as call buttons. When you hover over these it vibrates and a music notes emoji flies...

CSS Only Flaming Button

Here is a fancy CSS only button designed by Yusuke Nakaya. When you hover over the button you have a burning effect over the button. This can work well...

Flip an omelette Loading Animation from Faasos

In this CSS only deconstruction of the loading animation from Faasos we have an omelette getting flipped over and over. This deconstruction was created by Madhusudhan Dollu. This will...

Rainbow Shadow Radiating Text Effect Animation

With this CSS only snippet by Caree Youngman you have a fancy shadow effect to your text. You can have multiple colours cycling through the shadow of the text...

In your Face CTA Buttons

Want to have a CTA button that is really in your face on one of your comical sites? Check out this bunch of pure CSS button animations by Olivia...

Search Logo to Search Field Animation

Pull-Out search bar concept for modern websites, when you click on the search icon it expands to form a search text field. This pure CSS snippet was designed by...

Gradient Underline for Link Hover

This is a pure CSS animated gradient underline that you can use on you website to highlight links.

Various Color Neon Glow for Text in CSS

Need to have that neon effect for some text on your site have no fear, Felix Rilling has a simple code snippet that can give you what you want....