Интерактивная Hover Showcase

Интерактивная полноэкранная галерея с вкладками при наведении (чистый CSS + JS) 🚀 Введение В этом проекте я создал эффект полноэкранной галереи с вкладками при наведении, используя чистый CSS и JavaScript. 🎯 Особенности Плавный переход фона Переключение вкладок при наведении Полностью адаптивный макет Не требуется внешняя библиотека 🛠️ Как это работает Каждая колонка имеет атрибут data-tab. При наведении JavaScript активирует соответствующее фоновое изображение. 💻 Логика JavaScript 🔗 Живая демонстрация js const tabs = document.querySelectorAll(".cluom-box"); tabs.forEach((tab) => { tab.addEventListener("mouseover", function () { tabs.forEach((e) => e.classList.remove("current")); this.classList.add("current"); const tabId = this.getAttribute("data-tab"); document .querySelectorAll(".bg-img") .forEach((img) => img.classList.remove("current")); document.getElementById(tabId).classList.add("current"); }); });