353 pure-css UI Design

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.

HTML, CSS Code Snippets for pure css

Text Fading Away on Top as You Scroll Up

This will look great on any blog type site where you want to add a fade in effect for the content area. The top and bottom bits have a...

content pure css scroll animation text animation

Adaptive Pricing Table in Pure CSS

If you are looing for a modern pricing table layout that works across all screens this is the snippet for you. The pricing table adapts to different screen sizes...

3d hover animation pricing tables pure css

Pure CSS Corner Ribbons

Corner ribbons are usually a great way to highlight something in card UI designs. In this snippet, you will have the code to show a ribbon in any of...

badge card ui pure css

Pure CSS Sliding Navigation Button Hover Animation

Pure CSS Sliding Navigation Button Animation

This is a cool navigation button animation you can use in your web project. When you hover over the small round-edged white tab on the left side of the...

button hidden content hover animation navigation menu pure css

Navbar Scroll Indicator for Articles

Showing reading time or a progress indicator on articles is a relatively new trend, now you can do that for your next project with this snippet. There are 2...

article content navigation menu pure css scroll animation

Pages: First Page1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071Last Page

scroll to top