Можно ли повторять свг инлайн?

Question

[fantastikgodd]

background-repeat я могу только для бэграунда делать? свг вставляю абсолютом
инлайн в html?

Answer 1

[Вадим]

Инлайн svg тоже самое что img.
Соответственно, никого repeat для этого нет.
Но внутри svg есть pattern, с помощью которого можно повторять участок.

Comments

[fantastikgodd]

Вадим, нюанс в том, что если контента много - то тогда повторяется
так можно?

[Вадим]

fantastikgodd, Ну, если ширина свг при этом тоже увеличивается - то можно. Но нужно ли Вам это? Почему бы не сделать эту свг фоновой картинкой?

[fantastikgodd]

Вадим, анимация нужна

[Вадим]

fantastikgodd, если анимация прописана внутри свг - то анимация будет работать и фоновой картинкой тоже. Проверил в Хром, опере и фаер фокс.

[fantastikgodd]

Вадим, можно пример, пожалуйста?

[Вадим]

fantastikgodd,

[fantastikgodd]

Вадим, спасибо, а свг Вы как то сжали? просто хотелось именно на анимацию глянуть

[Вадим]

fantastikgodd, свг какой нашёлся. Но да, там смотрю сжато всё. А анимация внтури на @keyframes. То есть такая же как в css.

[Вадим]

fantastikgodd, https://habr.com/ru/post/450924/
Раздел "Анимация средствами CSS"