Nur durch CSS Umsetzbar?

[Gunnar Bittersmann]

@@Derk

kann ich diese Grafik nur durch CSS nachbilden? Der Pfeil nach unten soll immer in der Mitte sein.

Ja, auf verschiedene Weisen:

1. mit border, siehe The Shapes of CSS

2. mit linear-gradient, Bsp. background: linear-gradient(to left bottom, green 50%, transparent 50%), evtl. mit background-position / background-size

3. ein um 45° gedrehtes Quadrat: transform: rotate(45deg)

4. (Inline-)SVG

5. …

Jeweils angewendet auf ein oder zwei Pseudoelemente ::before / ::after.

LLAP 🖖