Hexagon

[ChrisB]

Yo!

Ein Photo liegt über (z-index) einem Hexagon bestehend aus drei Rechtecken. Das gesamte Photo ist sichtbar. Nun soll es so formatiert werden, dass nur noch die Fläche oberhalb des Hexagons für den Benutzer sichtbar ist. Gibt es dafür einen Befehl oder irgendeinen Trick?

Dafür musst du entweder eine Grafik, auf der das Hexagon transparent ist, darüber legen (so dass der Rest der Grafik also den Rand „drumherum“ bildet) – oder ein SVG als Filter nutzen.

MfG ChrisB