/CSS3-Hexagon-Buttons

CSS3 Hexagon Buttons created with pure css3

Primary LanguageCSSMIT LicenseMIT

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