Wie erstelle ich einen Alligator- (oder Sägezahn-) Rand mit CSS oder SVG?

Alligator könnte nicht das richtige Wort sein; Ich begrüße eine Korrektur des Titels.

Ich hätte gerne einen ContainerAlligator Rahmen wie im Bild unten.

Wenn das betreffende Element einen soliden Hintergrund hatte, dann Pseudo-Element-Trick oder CSS3border-image könnte verwendet werden. In diesem Fall ist der Inhalt des Behälters jedoch ein sich nicht wiederholendes Muster.

Alternativ ist es möglich, dass das Bild selbst den Rand hat. Aufgrund der Art und Weise, wie sich das Bild ausdehnt (Animation zum Anzeigen des Bildes), ist dies jedoch nicht möglich.

Die einzige Alternative, die ich mir vorstellen kann, ist SVG.

Antworten auf die Frage(6)

Ihre Antwort auf die Frage