Problem mit Hexagons und Text

[Gunnar Bittersmann]

@@Gunnar Bittersmann

Die bessere Variante, eine sechseckige Box zu erzeugen, bietet clip-path. Dann ist der Hover-Effekt auch nur dort, wo wirklich Sechseck ist, nicht auf dem umgebenden Rechteck.

Das kann man auch anders haben: Man setzt das Sechseck aus drei gleichgroßen Rechtecken zusammen, die übereinanderliegen und um jeweils 60° um den Mittelpunkt gedreht sind.

Das eine Rechteck ist die ursprüngliche Box, die beiden anderen sind Pseudoelemente.

So sieht’s aus.

LLAP 🖖