Как создать аллигаторную (или пилообразную) границу с помощью CSS или SVG?
аллигатор не может быть правильным словом; Я приветствую исправление в названии.
Я хотел бы иметь контейнераллигатор границы, как на картинке ниже.
Если у рассматриваемого элемента был сплошной фон, то трюк с псевдоэлементом или CSS3border-image
может быть использован. Однако в этом случае содержимое контейнера является неповторяющимся шаблоном.
В качестве альтернативы, само изображение может иметь границу. Однако из-за того, как изображение расширяется (для его отображения используется анимация), это невозможно.
Единственная альтернатива, о которой я могу думать, - это SVG.