css стили для svg

#html #css #svg

какие css стили можно использовать внутри svg-файла? например я хочу заполнить svg
изображение шумом который должен не растягиваться а заполнять собой пространство изображения.
могу я реализовать это с помощью маленького изображения шума и автозаполнения?? если
да то как?

создаю svg файл таким образом:



    

Ответы

Ответ 1

svg {
  background: url(https://www.gravatar.com/avatar/9bd620150717350f66401d7f9590a8b2?s=32&d=identicon&r=PG)
repeat;
}



Ответ 2

Вот вариант с двумя фоновыми текстурами. Одна задана внутри svg, вторая применяется
при наведении мыши из внешнего css. Обе текстуры определены внутри svg.



circle:hover {
  fill: url(#bgh);
}