386 pure-css UI Design Examples

AMP Stories 2020

Pure CSS Code Snippets

In this section, you will find pure CSS examples or HTML elements designed in only CSS to give it some sassy effects. Traditionally one might sue JS and other things to achieve similar effects but there are purely CSS only.

From accordion, slider to dropdown navigation menus you can find a lot of CSS only code snippets in here. With the code snippets from this section, you can recreate these effect on your website with no coding experience.

Part of:	buttons, Search, …
What it does:	create awesome designs and animations without Javascript

HTML, CSS Code Snippets for pure css

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...

3d button click animation hand drawn pure css

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...

animation distortion effect pure css

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...

hover animation link navigation menu pure css

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...