Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Changing shape of hexagon to square when :hover Reply To: Changing shape of hexagon to square when :hover

#200878
Paulie_D
Member

Actually, it’s not changing shape at all.

What’s actually happening is that the internal (bubble) div is rotating. The reason you can’t see the ‘cut-off’ corners is due to the overflow being hidden on the parent div.

I’ve removed that and put a border on the parent so you can see what is actually happening.

http://codepen.io/Paulie-D/pen/QbWwqx