Интерактивные подсказки HTML+JavaScript. Меняем цвет SVG при наведении

Интересная интерактивная схема с подсказками для сайта от #BlondieCode. Добавляем #SVG на страницу HTML в тег object, мониторим события mouseover и mouseout на элементах svg-изображений. Динамически меняем цвет SVG. 00:00 - Техническое задание и плоские шутки 01:56 - Что внутри у SVG? 02:18 - Добыча халявной векторной графики 02:44 - Подготовка SVG-файлы к работе 04:31 - HTML-страница 05:56 - Подключение модуля с интерактивными подсказками, опции 09:12 - Загрузка SVG в теге object 11:48 - События mouseover/mouseout на SVG, изменение цвета 15:19 - Рекурсивный поиск всех дочерних элементов (в SVG или HTML) // ----------------- Ссылки на материалы --------------- // ➣ Исходники проекта --- ➣ Поэма об SVG --- ➣ Весёлая рекурсия --- ➣ Фичи ES2020 --- // ------------------------------------------------------------------------ // // --------- Присоединиться к комьюнити --------- // // ------
Back to Top