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

🎓 Подготовительный курс профессии «Frontend-разработчик» - 990 руб. ➝
🎓 Подготовительный курс профессии «Java-разработчик» - 990 руб. ➝
🎓 Подготовительный курс профессии «Python-разработчик» - 990 руб. ➝
–––––––––––––––––––––––––––––– 🌐 Наш сайт:
💬 Группа в Telegram:
–––––––––––––––––––––––––––––– 📋 Кратко, о чем это видео В данном видео мы создадим стильные табы на JS. Сделаем их на чистом JS и CSS, без использования библиотек. В процессе вы поймете как сделать табы, сможете стилизовать их под свои требования. Также я добавил в код CSS-переменную, которая содержит количество табов. Эта переменная меняется динамически благодаря скрипту. И если в дальнейшем вы добавите новые табы, но вам не придется делать изменения в коде. –––––––––––––––––––––––––––––– 📌 Полезные ссылки Готовый код из видео ➝
Стартовый проект ➝
Шрифтовые иконки ➝
Генератор теней ➝
–––––––––––––––––––––––––––––– 🕒 Таймкоды из видео 0:00 Что такое табы 0:44 Демонстрация работы табов 1:10 Разметка HTML для табов 8:32 Стилизация CSS для табов 20:32 Скрипт JS для табов 36:10 Учим самостоятельно считать табы 40:30 Небольшая правка по коду 41:58 Завершение

Смотрите также