CSS3 Hexagon Buttons created with pure css3
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.
assets Update to 1.0.1 Sep 16, 2015
LICENSE Initial commit Nov 9, 2014
README.md Update to 1.0.1 Sep 16, 2015
index.html Support Link added Nov 20, 2014

README.md

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. Ease to use and customize. Well organized CSS file with proper comments

Check out the demo page and Check out the project documentation

For Support Leave a comment at CSS Hexagon Buttons @shariarbd.com

Files Structure are as follows

  • assets/
  • ├── css/
  • │ ├── font-awesome.min.css
  • │ ├── hexagons.css
  • │ └── hexagons.min.css
  • ├── js/
  • │ ├── hexagons.js
  • │ ├── hexagons.min.js
  • │ ├── jquery-2.1.0.min.js
  • │ └── jquery-2.1.0.min.map
  • └── fonts/
  • ├── FontAwesome.otf
  • ├── fontawesome-webfont.eot
  • ├── fontawesome-webfont.svg
  • ├── fontawesome-webfont.ttf
  • └── fontawesome-webfont.woff

Class Description

  • hb = Hexagon Buttons
  • hb-custom = Custom Hexagon Buttons
  • hb-lg = Large Hexagon = width : 256px
  • hb-md = Medium Hexagon = width : 128px
  • hb-sm = Small Hexagon = width : 64px
  • hb-xs = Extra Small Hexagon = width : 32px
  • spin = Spin hole button on hover
  • spin-icon = Spin icon on hover
  • inv = Inverse Behaver of buttons

Change Log

  • 9-16-2015
  • Font Awesome Updated
  • Instragram Style Added