Как сделать анимированные табы на JS

🌐 Наш сайт: https://codelab.pro/
💬 Группа в Telegram: https://t.me/codelab_channel
–––––––––––––––––––––––––––––– 📋 Кратко, о чем это видео В данном видео мы создадим стильные табы на JS. Сделаем их на чистом JS и CSS, без использования библиотек. В процессе вы поймете как сделать табы, сможете стилизовать их под свои требования. Также я добавил в код CSS-переменную, которая содержит количество табов. Эта переменная меняется динамически благодаря скрипту. И если в дальнейшем вы добавите новые табы, но вам не придется делать изменения в коде. –––––––––––––––––––––––––––––– 📌 Полезные ссылки Готовый код из видео ➝ https://codelab.pro/animirovannye-taby/
Стартовый проект ➝ https://github.com/toni-wheel/youtube...
Шрифтовые иконки ➝ https://fontawesome.com/
Генератор теней ➝ https://active-vision.ru/icon/box-sha...
–––––––––––––––––––––––––––––– 🕒 Таймкоды из видео 0:00 Что такое табы 0:44 Демонстрация работы табов 1:10 Разметка HTML для табов 8:32 Стилизация CSS для табов 20:32 Скрипт JS для табов 36:10 Учим самостоятельно считать табы 40:30 Небольшая правка по коду 41:58 Завершение –––––––––––––––––––––––––––––– 💻 Промокоды на хостинг https://timeweb.com/ru/?i=106411
FREELAB — для получения 1 месяца хостинга при оплате хостинга на 1 год. PROLAB — для получения 3 месяцев хостинга при оплате хостинга на 2 года.