15+ CSS hexagons - csshint

Latest Collection of hand-picked free HTML and CSS hexagon code examples. demo and download Zip.

1. Hexagon

Author

iotacb

demo and code Get Hosting

2. Butterfly Hexagon

Author

Anurag

demo and code Get Hosting

3. 3d animated hexagons

Author

sattellite

demo and code Get Hosting

4. CSS Hexagon

See the Pen <a href='https://codepen.io/alexerlandsson/pen/ZvXVbB'>CSS Hexagon</a> by Alexander Erlandsson (<a href='https://codepen.io/alexerlandsson'>@alexerlandsson</a>) on <a href='https://codepen.io/'>CodePen</a>.

Author

Alexander Erlandsson

demo and code Get Hosting

5. Hexagon Loading With CSS (2)

See the Pen <a href='https://codepen.io/osama-belal/pen/NZYrvM'>Hexagon Loading With CSS (2)</a> by Osama Belal (<a href='https://codepen.io/osama-belal'>@osama-belal</a>) on <a href='https://codepen.io/'>CodePen</a>.

Author

Osama Belal

demo and code Get Hosting

6. Clip-path: Hexagon shapes for dummy profile page

See the Pen <a href='https://codepen.io/imohkay/pen/ZGbmoQ'>Clip-path: Hexagon shapes for dummy profile page</a> by Karen Menezes (<a href='https://codepen.io/imohkay'>@imohkay</a>) on <a href='https://codepen.io/'>CodePen</a>.

Author

Karen Menezes

demo and code Get Hosting

7. CSS Rotating Hexagon Loader

See the Pen <a href='https://codepen.io/SoufianeLasri/pen/QjRrQz'>#Codevember #24 – CSS Rotating Hexagon Loader</a> by Soufiane Lasri (<a href='https://codepen.io/SoufianeLasri'>@SoufianeLasri</a>) on <a href='https://codepen.io/'>CodePen</a>.

Author

Soufiane Lasri

demo and code Get Hosting

8. Hexagonal Button

See the Pen <a href='https://codepen.io/rayfranco/pen/Llvbt'>Hexagonal Button</a> by Franco Bouly (<a href='https://codepen.io/rayfranco'>@rayfranco</a>) on <a href='https://codepen.io/'>CodePen</a>.

Author

Franco Bouly

demo and code Get Hosting

9. Hexagon, Octagon, Dodecagon

See the Pen <a href='https://codepen.io/Shandy/pen/YPXypp'>Hexagon, Octagon, Dodecagon</a> by Shandy (<a href='https://codepen.io/Shandy'>@Shandy</a>) on <a href='https://codepen.io/'>CodePen</a>.

Author

Shandy

demo and code Get Hosting

10. Hexagonal cycle

See the Pen <a href='https://codepen.io/bali_balo/pen/bRgoRL'>Hexagonal cycle</a> by Bali Balo (<a href='https://codepen.io/bali_balo'>@bali_balo</a>) on <a href='https://codepen.io/'>CodePen</a>.

Author

Bali Balo

demo and code Get Hosting

11. Auto Hexagonal CSS Grid Layout

See the Pen <a href='https://codepen.io/Kseso/pen/xqNdmO'>Auto Hexagonal CSS Grid Layout</a> by Kseso (<a href='https://codepen.io/Kseso'>@Kseso</a>) on <a href='https://codepen.io/'>CodePen</a>.

Author

Kseso

demo and code Get Hosting

12. Hexagonal Responsive Grid

See the Pen <a href='https://codepen.io/adamriguez/pen/eRaXeq'>Hexagonal Responsive Grid</a> by adam (<a href='https://codepen.io/adamriguez'>@adamriguez</a>) on <a href='https://codepen.io/'>CodePen</a>.

Author

adam

demo and code Get Hosting

13. Responsive Hexagon Grid

See the Pen <a href='https://codepen.io/kevindeedavis/pen/NBQYzm'>Responsive Hexagon Grid</a> by Kevin Dee Davis (<a href='https://codepen.io/kevindeedavis'>@kevindeedavis</a>) on <a href='https://codepen.io/'>CodePen</a>.

Author

Kevin Dee Davis

demo and code Get Hosting

14. Hexagon Grid w/ Hover

Author

John Heiner

demo and code Get Hosting

15. Responsive Hexagonal Grid

See the Pen <a href='https://codepen.io/onediv/pen/JGmgK'>Responsive Hexagonal Grid</a> by Vincent Durand (<a href='https://codepen.io/onediv'>@onediv</a>) on <a href='https://codepen.io/'>CodePen</a>.

Author

Vincent Durand

demo and code Get Hosting

1. Hexagon

Author

2. Butterfly Hexagon

Author

3. 3d animated hexagons

Author

4. CSS Hexagon

Author

5. Hexagon Loading With CSS (2)

Author

6. Clip-path: Hexagon shapes for dummy profile page

Author

7. CSS Rotating Hexagon Loader

Author

8. Hexagonal Button

Author

9. Hexagon, Octagon, Dodecagon

Author

10. Hexagonal cycle

Author

11. Auto Hexagonal CSS Grid Layout

Author

12. Hexagonal Responsive Grid

Author

13. Responsive Hexagon Grid

Author

14. Hexagon Grid w/ Hover

Author

15. Responsive Hexagonal Grid

Author

You may also like