A collection of over 360+ pure CSS3 buttons
CSS HTML Other
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
css
foundation-icons
help
img
js
preview
sass
README.md
config.rb
index.html

README.md

360-flat-clean-buttons

A collection of over 360+ pure CSS3 buttons

preview

Description

These buttons are fully customizable, just playing with their classes. As its name suggests, there are over 360 possibilities (without considering the color variation). Their effects don't use image and js, they are 'pure CSS'.

Demo

You can see a live preview here : http://twogrey.github.io/360-flat-clean-buttons/

Features

  • 5 styles :
    • Simple
    • White Blow
    • 3 Dimensions
    • Gym'Icon
    • Vertical
  • 4 sizes available :
    • Small
    • Medium
    • Normal
    • Big
  • 4 corner radius styles :
    • None
    • Lighh
    • Normal
    • Round
  • 10 base colors :
    • Red
    • Orange
    • Yellow
    • Blue
    • Green
    • Turquoise
    • Pink
    • Purple
    • Grey
    • Black
  • Smooth transitions with hover/active effects
  • Easy to customize :
    • Create your own buttons by mixing and matching the classes ! There are tons of combos.
  • Built with SASS :
    • If you are front developer too, you can easily add your own colors, your own sizes, your own icons, etc...
  • Embellish these buttons with icons, or not ;)
    • The font icon used here is Foundation Icon Fonts 3 (280+ icons), but you can add your own.
  • Works on <button>, <a> and <span>
  • Contains a complete documentation

Some examples

example