Анимированные иконки и карточки для Home Assistant — просто и пошагово!

🎨 Анимированные значки и карточки в Home Assistant 2025

Узнайте, как сделать панель инструментов Home Assistant динамичной с помощью анимированных значков и карточек в новом разделе «Панели инструментов»! Сложный код не требуется — просто следуйте этому пошаговому руководству.

✅ В этом видео:
👉 Установка Card-Mod через HACS для CSS-анимации
👉 Создание анимированных значков: «Домой», «Питание», «Вентилятор», «Почтовый ящик», «Датчик движения»
👉 Анимация карточек для освещения, кондиционера, разбрызгивателей и кнопок сцен
👉 Использование CSS clip-path для создания расширенных эффектов
👉 Запуск анимации с помощью датчиков или переключателей

💡 Идеально подходит для карточек-грибов или стандартных карточек, чтобы придать вашей панели динамичный и профессиональный вид.

🔗 Ресурсы и ссылки:
👉 Скачайте мой готовый код анимации: https://ko-fi.com/s/1b3f1d79ec
👉 Присоединяйтесь к Discord, чтобы делиться своими панелями управления:   / discord  

👍 Ставьте лайки, подписывайтесь и нажимайте на колокольчик, чтобы получать больше обучающих материалов по Home Assistant!

Ссылки, упомянутые в этом видео:
👉 Установка HACS:    • How to Install HACS in Home Assistant (Ste...  
👉 Как переключаться между сценами, например, Hue, с помощью кнопки в Home Assistant:    • How to Cycle through Scenes like Hue using...  
👉 Создание собственной системы полива сада:    • How to Create YOUR OWN  Garden Watering Sy...  
👉 «Вам письмо» в Home Assistant:    • You've Got Mail in Home Assistant. Tutoria...  
👉 Сайт иконок Material Design: https://materialdesignicons.com/
👉 Генератор CSS Clip Path: https://www.cssportal.com/css-clip-pa...
👉 Больше примеров анимированных карточек с грибами: https://community.home-assistant.io/t...

Версия блога: https://www.smarthomejunkie.net/Anima... Assistant-Easy-Step-by-Step

👉 Скачайте часы на рабочем столе/список сообщений, которые я использую в видео:    • This is the BEST MATRIX DISPLAY CLOCK for ...  

⭐⭐⭐
Подпишитесь на этот канал, чтобы получить доступ к бонусам: 📺    / smarthomejunkie  
Пожалуйста, рассмотрите возможность стать моим покровителем 🏅 по ссылке   / smarthomejunkie  
Или поддержите меня, купив ☕ на https://ko-fi.com/smarthomejunkie/
Или поддержите меня через PayPal по адресу https://paypal.me/smarthomejunkie
⭐⭐⭐

⭐ Если вы хотите, чтобы я сделал обзор вашего продукта, посетите эту страницу для получения информации и цен: https://www.smarthomejunkie.net/revie... ⭐

Мои устройства: https://github.com/smarthomejunkie/My...

Instagram:   / smarthomejunkie  
X: https://www.x.com/smarth0mejunkie
Mastodon: https://mastodon.world/@smarthomejunkie
Facebook:   / smarthomejunkie  
TikTok:   / smarthomejunkie  
Discord:   / discord  

Музыка:
2TECH-AUDIO: https://2tech-audio.bandcamp.com/

00:00:00 Введение
00:01:00 Установка Card-Mod
00:01:43 Примеры анимированных карточек
00:01:58 Объяснение анимированных значков
00:07:53 Объяснение анимированных карточек

#HomeAssistant #SmartHome #Dashboard #AnimatedIcons #HomeAutomation #HACS