Темная тема на сайт за 10 минут с TailwindCSS и JavaScript. Подробное объяснение для новичков
Рахим Муратов
0:00 / 0:00
Темная тема на сайт за 10 минут с TailwindCSS и JavaScript. Подробное объяснение для новичков
1 231 просмотр · 2 г. назад
Рахим Муратов
40,6 тыс. подписчиков
1 231 просмотр · 2 г. назад
✨ В этом видео я покажу, как добавить темную тему на сайт с помощью TailwindCSS и нативного JavaScript. Мы создадим переключатель для смены темы, настроим стиль для светлого и тёмного режимов и подключим анимацию, чтобы переход между цветами был плавным.
Меня зовут Рахим. Я пхп разработчик и ментор. Помогаю новичкам разобраться в бекенде и подготовиться к трудоустройству.
📌 Ссылки:
Записаться на консультацию: https://marlindev.ru/roadmap
Телеграм: https://t.me/rahim_muratov
VK: https://vk.com/learnbydoing
Inst: / rahim.muratov
⌚
Готовый результат: 00:00
Консультация по PHP: 00:22
Добавляем темную тему: 00:42
Меняем тему вручную: 02:01
Пишем переключатель темы и разбираем логику работы кнопки: 04:10
Пишем реализацию кнопки: 06:20
Добавляем анимацию: 10:00