Abgeschrägtes Header Div

Lupus_III · 21. Januar 2022

Hallo Leute,

in der folgenden Webseite gibt es im Headerbereich (Navigation) und in der Webseite abgeschrägte Container. Kann man diese Funktionalität mit CSS steuern und wenn ja wie?

Hier der Link => https://phc-muenchen.de/

Sempervivum · 21. Januar 2022

Ja, das ist dort mit CSS gemacht und zwar, indem der Container bzw. ein Pseudoelement ::after mit skew verformt wird:

html-seminar.de/woltlab/attachment/3286/

Man könnte auch ein entsprechendes SVG anfertigen was ich u. U. vorziehen würde.

Auch mit Border kann man solche Dreiecke erzeugen.

Oder mit clip-path.

Abgeschrägtes Header Div

Jetzt mitmachen!

Teilen

Tags