A CodePen by Anonymous. CSS Hexagon - Texturized hexagon with a proper cursor collision. Done with child & pseudo elements, background inheritance, and 2D transforms.

Same thing accomplished with CSS clip-path: polygon() here: http://codepen.io/Darsain/pen/IqjFe