10 CSS hamburger menu effects

Hamburgers is a collection of 10 hamburger menu animations made with CSS. The project includes Sass files and ARIA support for accessibility.

10 CSS hamburger menu effects

Shazam button morphing effect

A simple tutorial by Codrops that shows you how to create a Shazam-like morphing button effect with few lines of HTML and CSS.

Shazam button morphing effect

Creative gooey effects

A set of examples that use a gooey SVG filter for creating a variety of different effects for all kinds of website components.

Creative gooey effects

Flipside - Button to modal

Flipside is a button that seamlessly transitions from action to confirmation created with few lines of CSS and jQuery.

Flipside – Button to modal

Button styles inspiration

A collection of fresh button styles and effects for your inspiration, built with CSS transitions and pseudo-elements for most of the effects. Coded by Codrops.

Button styles inspiration

Morphing modal window

A call-to-action button that animates and turns into a full-size modal window with a morphing effect. Created by CodyHouse team.

Morphing modal window

Morphing buttons concept

Some stunning morphing buttons created by Codrops team, where the action element morphs into a component. Coded with CSS and javascript.

Morphing buttons concept

On/off radio button PSD

Here are a stylish on/off radio button created with vector shapes. Free PSD released by Barry Mccalvey.

On/off radio button PSD

SVG hover effect

Here is an experimental hover effect created with SVG and inspired to Google Glass. Coded by Zach.

SVG hover effect

Progress button styles

Here are some interesting snippets for creating 3D progress button styles where the button itself serves as a progress indicator.

Progress button styles

Web elements - Trance FM

Trance FM is a set of simple web elements (buttons, toggles, progress bars, etc.). Free PSD designed by Alexey Anatolievich.

Web elements – Trance FM

Download button PSD + CSS

Today’s freebie is a simple but beautiful download button designed with Photoshop and ready coded. Free PSD CSS released by Jan Erik Waider.

Download button PSD + CSS

Creative buttons effects CSS

Today’s CSS snippet from Codrops is a set of awesome effects for buttons. The effects can be seen when hovering on and clicking on.

Creative buttons effects CSS

Download Button PSD

Today’s freebie is a funny and original rounded download button. Free PSD designed by Garrett Godsey.

Download Button PSD

Rounded download button PSD

Today’s freebie on dribbble is a rounded download button with nice shadows. Free PSD designed by Piotr Kwiatkowski.

Rounded download button PSD

Pure CSS radio buttons

Some pure CSS flat radio buttons with a really nice animation. Code snippet created by DesignitCodeit.

Pure CSS radio buttons

G+ Share buttons PSD

Free PSD Google Plus share buttons provided in different sizes. A really useful freebie Created by Michael Glasshoff.

G+ Share buttons PSD

Dark essential switches & toggles PSD

A great collection of switches and toggles buttons for your mobile or web app. It includes 12 switches. Free PSD released by Pixeden.

Dark essential switches & toggles PSD

Free PSD 3D style sign in Facebook button

3D style sign in Facebook button. A really clean and modern free PSD designed by Sergey Loysha.

Sign in Facebook PSD button