Toolbar CSS snippet

Toolbar CSS snippet made of only HTML and CSS3. It has been created by Cameron Baney, inspired by Mani’s toolbar.

Toolbar CSS snippet

Notepad CSS snippet

A realistic notepad made with CSS3, with a lined paper background and hidden pages at the bottom. Lines are created using linear gradients.

Notepad CSS snippet

Mac OSX-like animated folder with CSS3

Short tutorial with CSS snippet showing how to create a OSX-like folder with CSS3, by utilizing 3D transforms, gradients and box shadows.

Mac OSX-like animated folder with CSS3

Notification alert modal windows with CSS3

Notification alert modal windows with pure CSS icons. The icons are created using before/after pseudo-elements and CSS3 transform functions.

Notification alert modal windows with CSS3

Social media tabs PSD CSS

A unique, colourful and funky set of social media “tabs” to adorn the sidebar of your next design. Free PSD and ready-coded in CSS.

Social media tabs PSD + CSS

CSS Loading Animations tutorial

Stunning CSS loading animations! Detailed tutorial about how creating these preloaders.

CSS loading animations

CSS hover retro photo effect

Create a trendy retro photo effect on hover with this CSS3 snippet. Originally written by Chris Spooner on Line25.com.

CSS3 trendy retro photo effect

CSS snippet switch

A minimal and cool CSS on/off switch. Feel free to use it in your web design projects!

CSS on/off switch