Страницы

Поиск по вопросам

четверг, 28 марта 2019 г.

Как через CSS3 подключить svg

Здравствуйте как подключить через CSS3 svg ?


Ответ

Здравствуйте как подключить через CSS3 svg ?
Вопрос глобальный. SVG и CSS очень тесно взаимодействуют друг с другом.
Стили CSS могут управлять элементами SVG, как из внешней таблицы стилей, так и могут быть размещены внутри файла *.svg

Для подключения внешней таблицы стилей для кроссбраузерного решения в шапку файла SVG добавляется ещё одна строка.

При этом желательно чтобы файлы *.svg и *.css находились в одной папке. Браузер chrome особенно чувствителен к этому. Для добавления svg файла в html существует несколько способов - подробнее здесь Но если вы хотите использовать svg в полном объеме, то самый надежный метод для обеспечения интерактивности - это тег
image format png
Браузер не понимающий SVG проигнорирует тег object и перейдет к следующему тегу img и обработает его, как обычный HTML тег и выведет картинку.
Ниже пример полного кода, показывающего интерактивность svg и управление через стили css. Поочередно наведите курсор на силуэты мужчины и женщины.
animation marker the animation of the four markers Start"> Stop Start Start"> Stop Start

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

Отправить комментарий