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