FLAT BUTTONS HOVER EFFECTS

Some beautiful and clean hover effects for flat button.

Author

  • januaryofmine

Made with

  • HTML / CSS (SCSS)

FLAT BUTTONS

Flat buttons with smooth hover effect.

Author

  • Silvestar Bistrović

Made with

  • HTML / CSS (SCSS)

HOVER/FOCUS EFFECT FOR FLAT BURRON

HTML and CSS flat button with hover/focus effect.

Author

  • Ana Tudor

Made with

  • HTML / CSS (SCSS)

CSS3 FLAT BUTTONS HOVER EFFECTS

5 CSS flat buttons hover effects with FontAwesome5.

Author

  • Natali Davydova

Made with

  • HTML / CSS (SCSS)

COLORFUL FLAT BUTTONS

SCSS mixin for colorful flat buttons.

Author

  • 0guzhan

Made with

  • HTML / CSS (SCSS)

HOVER EFFECTS FOR BUTTONS

5 HTML and CSS very simple hover effects for buttons.

Author

  • MARK

Made with

  • HTML (Pug) / CSS (SCSS)

PURE CSS FLIPPING BUTTON

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

Author

  • Andrej

Made with

  • HTML / CSS (SCSS)

SHINY BUTTON

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

Author

  • Antonio

Made with

  • HTML / CSS (Sass)

ANIMATED FLAT DESIGN BUTTON

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

Author

  • Allison Skinner

Made with

  • HTML / CSS

ANIMATED RAINBOW BUTTON

Author

  • lemmin

Made with

  • HTML / CSS

MATERIAL DESIGN FLAT BUTTON

Hacky CSS way for flat Material Design shadows for text.

Author

  • Andrew

Made with

  • HTML / CSS (SCSS)

FLAT BUTTONS PSUEDO STRIPED SHADOWS

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 transformation and intentional z-indexing give a smooth resolve on hover.

Author

  • Daniel Powell

Made with

  • HTML / CSS

FLAT LAYERED BUTTON

Author

  • Dronca Raul

Made with

  • HTML / CSS

PURE CSS 3D FLIP BUTTONS

Author

  • Josh Shor

Made with

  • HTML (Pug) / CSS (SCSS)

ANIMATED CSS3 BUTTONS

Author

  • Sazzad

Made with

  • HTML / CSS

FLAT BUTTONS

A collection of flat buttons with a little animation. Pure CSS with SCSS.

Author

  • Benjamin Vilina

Made with

  • HTML / CSS (SCSS)

ANIMATED GHOST BUTTON

Author

  • Cameron

Made with

  • HTML / CSS / JavaScript

MATERIAL FLAT BUTTON

Sweet flat button with hover effect.

Author

  • Yannick Bisaillon

Made with

  • HTML / CSS (SCSS)

FLAT & SHINY BUTTON

Button with a subtle gloss/shine wipe on hover. No images, just a single HTML element and a CSS pseudo-element.

Author

  • Nathaniel Watson

Made with

  • HTML / CSS (SCSS)

12 FANCY BUTTONS

12 buttons with a unique rollover effect each using only CSS.

Author

  • bartekd

Made with

  • HTML / CSS