Интерактивные подсказки 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 ---
// ------------------------------------------------------------------------ //
// --------- Присоединиться к комьюнити --------- //
// ------
1 view
52
11
4 months ago 00:13:00 1
Лучший шашлык в вашей жизни! Рецепт сочнейшего шашлыка.
5 months ago 00:01:35 1
Умный электронный замок конан Z9
5 months ago 00:05:29 1
Кастрюлька Анатоля
5 months ago 00:03:23 1
Техническое обслуживание, ремонт и эксплуатация автомобильного транспорта