Abgeschrägtes Header Div

Lupus_III

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

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!

Tags