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

Round Checkbox in Pure CSS

Checkboxes are square, and radio buttons are round but for whatever reason, you want to show a round checkbox you can use this CSS snippet by Matt Smith.

check box pure css

Overflow Text Effect using CSS

Here is a simple CSS only snippet by Mandy Michael to create an overflow text effect for your content.

pure css

Simple box-shadow Button Hover Animation

These set of button animation in Pure CSS using the box-shadow property was designed by Giana. There are six animation to choose from Fill In, Pulse, Close, Raise, Fill...

button gradient pure css shadow

Layers Shadow 3D Text Effect

Here is a pure CSS based text effect designed by Twixes. You have the text with multiple layers giving it a 3D long shadow effect.

3d animation pure css shadow text animation

Social Sharing and Follow Button Animation

With this little CSS only snippet by Moses Holmström you can show social sharing and follow buttons in your next web project. When you hover over the words share...

button hover animation pure css social icon

Pages: First Page1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071Last Page

scroll to top