35+ CSS Flat Buttons - Free Code + Demos

Some beautiful and clean hover effects for button

CSS3 button hover effects, no JS

This is a flatt button, which has a 3-dimensional flipping effect on hover

Shiny captivating and flat button for call to action, with only CSS.

A button that follows the flat design trend but still has some 3D animation on hover.

Hacky css way for flat material design shadows for text.

Flat Buttons are all the rage. Stripes are in season. Rather than accomplishing the stripes with a repeating SVG or PNG background image, this CSS-only approach uses a strategically spaced linear gradient at an angle to produce an identical feel. No tessellating knowledge needed. A tra...

Read More

Experimental css buttons by Designify.me

A collection of Flat buttons with a little animation I made. Pure CSS with SCSS.

Sweet flat button with hover effect My profile: http://codepen.io/bisaillonyannick/

Button with a subtle gloss/shine wipe on hover. No images, just a single HTML element and a CSS pseudo-element. Inspired by http://codepen.io/indyplanets/pen/LejJd

Playing w/ flat design and fancy Sass functions. See the code for details. UPDATE: I wrote some explaining comments. Main Ideas Write a mixin that makes awesome flat buttons w/ icons in variable positions. Store the Unicode-entities for the icons in one place and make them referenceable...

Read More

Flat button hover transitions

Button styles as provided by Mustard UI.

Simple flat button family similar to bootstrap buttons. Nothing much going on here, just margin + border adding up to the same value on and off hover.

Quick test of a flat button design