8 Modern Flat CSS Buttons

With the help of CSS3, designers can create awesome button without using an image. Here are 8 modern flat and ready-coded CSS buttons with flat color style to use in your website.

Buttons 2.0

Buttons is a highly customizable production ready mobile web and desktop css button library. Buttons is a free open source project created using Sass.

css-buttons-2-0-1

CSS3 Hexagon Buttons

CSS3 Hexagon Buttons created with pure CSS3 and also used javaScript for flexibility. Four Different button size hexagon buttons integrated with Font Awesome.

hexagon-buttons-2

Fancy buttons

12 buttons with a unique rollover effect each using only CSS. Most work on most browsers.

fancy-buttons-3

Material Design Buttons

Script automatically adds the material design effect to elements with ‘material-design’ class. Can also be used on div with images. Add the preferred color as value of the ‘data-color’ attribute.

material-design-buttons-4

Pure CSS3 Animated Button

CSS3 Buttons with flat color style to use in your website or application.

css3-buttons-5

Ladda

Buttons with built-in loading indicators, effectively bridging the gap between action and feedback.

ladda-6

Cool Buttons

Cool CSS buttons with awesome push-down effects.

cool-buttons-7

BTNS

This light-weight* css module is a set of simple utilities you can use to create a variety of button style links. Easily customize or extend btns.css to fit your sites styles.

btns-8

Leave a comment

Please be polite. We appreciate that. Your email address will not be published and required fields are marked

This site uses Akismet to reduce spam. Learn how your comment data is processed.