Hand Sketched 3D Wireframe Buttons

Want to show some 3D wireframe buttons that look slike they were hand drawn? Then you will love this pure CSS snippet by Jesper Hills. It also has as...

Barcode Scan Line Animation in Pure CSS

Here is a snippet that you can use to showcase a barcode and the scanning line animation in a web page, it was designed by Joseph Fusco. The scan...

Split Word Roll Up & Down Effect on Hover

This is a cool effect that can be applied to links and in this snippet, it’s shown as a navigation menu. The menu items are two words and each...

Switch Color on Hover Effect for Links

With this CSS only snippet, you can add a fade effect to your links. With this snippet when you hover over links they will fade into a different colour...

Fluent Design Stacking Card UI

A fluent design inspired stacking card UI designed in pure CSS. When you click on the next arrow, the card on top is moved to the right and then...

Reveal and Disappear Underline Hover Effect for Links

This is an elegant link hover animation in CSS only designed by Bruno Almeida. When you hover over the text an underline appears to expand from left to right...

3D Push and Bounce Back Button Effect

Here is a pure CSS button designed by Nathan Taylor, it has a nice 3D with long shadow effect to it and when you click on it and release...

Ghost Check Mark & Close Icon Animation

Pure CSS animation for checkmark and a close icon designed by Lee Porter

Wiggle Effect for CTA Button in CSS

Here is a cool wiggle effect for your CTA buttons created in pure CSS by Scott Magdalein. This will be great when you want your visitors to notice a...

CSS Only Credit Card Payment UI

Here is a CSS only payment UI designed by Stas Melnikov, it shows you the front and back of a credit card and allow users to input the card...

1 2 3 4 5 6 7 8 9 10