Доверьте продвижение нам

Lion Digital Agency

интернет-маркетинг

теги:

Категории

Рубрики

Настройка и сопровождение рекламного кабинета Яндекс Директ.

от 25000 

Написание постов, ведение соц сетей Ваших компаний. Формирование имиджа и контента.

от 22900 

Услуги веб дизайна под ключ.

от 29500 

Как вставить svg в CSS

Можно вставить SVG в CSS с помощью свойства background-image. Для этого нужно указать путь к файлу SVG в качестве значения этого свойства:

.selector {
  background-image: url('path/to/image.svg');
}

Также можно вставить SVG напрямую в CSS с помощью кода SVG, заключенного в кавычки:

.selector {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100rect x="0" y="0" width="100" height="100" fill="red"/></svg>');
}

В этом примере мы создаем SVG-изображение с красным прямоугольником и вставляем его в CSS с помощью кода SVG, закодированного в формате base64. Важно, чтобы код SVG был заключен в тегsvg>и имел правильный атрибутxmlns`.

Поделиться:

Комментарии

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Задать вопрос

Оставляя заявку, вы соглашаетесь с политикой обработки персональных данных.

Меню

Оставить заявку

Оставляя заявку, вы соглашаетесь с политикой обработки персональных данных.