Можно ли вставить svg используя :after?

Question

Tigronix @Tigronix

HTML
CSS

Можно ли вставить svg используя :after?

Можно ли вставить svg используя только :after?

Вопрос задан более трёх лет назад
17195 просмотров

Комментировать

Подписаться 3 Оценить Комментировать

Answer 1 · 2015-08-15 03:07:27

Конечно. Используйте для этого свойство content.

.some-element::after {
    content: url('data:image/svg+xml; base64, <тут_закодированный_svg>');
    /* или */
    content: url("data:image/svg+xml; utf8, <тут_код_svg>");
}

P.S. в CSS3 для псевдо-элементов необходимо использовать два двоеточия ::before, ::after, вместо одного.

Можно ли вставить svg используя :after?

Войдите на сайт