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