Интерактивные подсказки 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) // ----------------- Ссылки на материалы --------------- // ➣ Исходники проекта --- https://github.com/droganaida/svghints ➣ Поэма об SVG --- https://youtu.be/tebX7tloBdw ➣ Весёлая рекурсия --- https://youtu.be/T1NUxRYuLTo ➣ Фичи ES2020 --- https://youtu.be/anngx417WPU // -----------------------------------------------------------------
Похожие видео
Показать еще