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

Stripe.com Client Logo Hover Blur Animation

If you are trying to replicate the blur animation that you see on the Stripe.com website’s client showcase section, then take a look at this pure CSS snippet by...

deconstruction hover animation image effects portfolio pure css

Wavy Text With Bouncy Letter Animation

This is a text animation designed by Raul Dronca, the text has a wavy animation and each individual characters has a bouncy effect with shadows and all. This will...

pure css text animation

Spooky Light Flickering Effect for Text in CSS

Want to add some spooky effect to your webpage, then this Halloween inspired effect that you can apply to any block of text might be just the thing for...

distortion effect halloween pure css text animation

Christmas Background in Pure CSS

This is something that you can use as a background of your website. It will especially work great at Christmas time. In this code snippet, we use CSS to...

« Previous Page
1
…
52
53
54
55
56
…
78
Next Page »

christmas hero section pure css

Pure CSS Material Design Card UI for Articles

This fancy article card is something that we can use in blogs and blog archives. It’s a card-based UI where you show the image, the title and the description...