Как создать аллигаторную (или пилообразную) границу с помощью CSS или SVG?

аллигатор не может быть правильным словом; Я приветствую исправление в названии.

Я хотел бы иметь контейнераллигатор границы, как на картинке ниже.

Если у рассматриваемого элемента был сплошной фон, то трюк с псевдоэлементом или CSS3border-image может быть использован. Однако в этом случае содержимое контейнера является неповторяющимся шаблоном.

В качестве альтернативы, само изображение может иметь границу. Однако из-за того, как изображение расширяется (для его отображения используется анимация), это невозможно.

Единственная альтернатива, о которой я могу думать, - это SVG.

Ответы на вопрос(6)

Ваш ответ на вопрос