Есть ли возможность использовать SVG как интерактивный задний фон?

SVG вставил непосредственно в HTML через тег <svg>. Как я понял, через img и background-image не получится навешивать hover на SVG. Есть ли возможность использовать SVG как контейнер, в котором будут находится другие элементы (текст, картинки), но чтобы с самим SVG можно было взаимодействовать?
Пример - https://codepen.io/anon/pen/wxEYBo
Шаблон - https://w3layouts.com/bhagaskara-onepage-multipurp...
  • Вопрос задан
  • 811 просмотров
Решения вопроса 1
alvvi
@alvvi
export default apathy;
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
unkstd
@unkstd
просмотри файл svg в редакторе -> копируй весь код кроме тега xml -> вставь всё это дело туда куда тебе надо -> как в html можно элементы которые ты хочешь сделать интерактивными называть через классы -> ну и пошло поехало. только если ты хочешь творить такие вещи как эффекты при наведении или градиенты тут тебе гугл в помощь. надеюсь трудностей не возникнет
p.s стили надо писать внутри svg через тег style
Ответ написан
@svetlov97
Используйте d3 вместо jquery. Или например anime.js
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы