Uploaded March 2022 | Updated September 2026, 2 weeks ago
Sometimes having flat Home Assistant dashboard Icons is not enough π Make them stand-out (literally) from the background by adding Drop-Shadows and Glow Effects.
π Once again - I'll be using 'Custom Button' Card from RomRider.
Bonus Feature: Change the animation Rotation Speed using another Entity, and in this tutorial I use a Slider (Input Number)
π I hope you like this Home Assistant setup guide for your smart home π
π¬ THE LINKS - Files / Help / Support:
- π Other files & Merch: store.3ative.com
- π 3ATIVE DISCORD: discord.com/invite/3RbZgvHeJ9
- β Buy me a Coffee: buymeacoffee.com/3ative
- π PATREON: patreon.com/3ative
- π― Get the Gadgets, Devices and Tools I use: Amazon UK: amzn.to/3uRw8fi
* As an Amazon Associate I earn from qualifying purchases. Using this link β provides small monetary support for my channel at no extra cost to you.π
#homeassistant #lovelace #animation
Chapters:
0:00 Intro
0:11 1. Drop Shadow
2:27 1.1 Drop Shadow when on
3:14 1.2 Making it GLOW!
4:10 1.2.1 Making it more... "GLOWY"!
5:33 2. Dynamic Rotation Speed
6:54 2.1 Bring in the Slider (W/Code)
11:29 3. Dynamic Name Field
15:50 Outro
-~-~~-~~~-~~-~-
Please watch: "IKEA VINDRIKTNING v2 ESP32 Upgrade Commercial Accuracy for Β£10"
youtube.com/watch?v=qBNmliH7PwI
-~-~~-~~~-~~-~-
Sometimes having flat Home Assistant dashboard Icons is not enough π Make them stand-out (literally) from the background by adding Drop-Shadows and Glow Effects.
π Once again - I'll be using 'Custom Button' Card from RomRider.
Bonus Feature: Change the animation Rotation Speed using another Entity, and in this tutorial I use a Slider (Input Number)
π I hope you like this Home Assistant setup guide for your smart home π
π¬ THE LINKS - Files / Help / Support:
- π Other files & Merch: store.3ative.com
- π 3ATIVE DISCORD: discord.com/invite/3RbZgvHeJ9
- β Buy me a Coffee: buymeacoffee.com/3ative
- π PATREON: patreon.com/3ative
- π― Get the Gadgets, Devices and Tools I use: Amazon UK: amzn.to/3uRw8fi
* As an Amazon Associate I earn from qualifying purchases. Using this link β provides small monetary support for my channel at no extra cost to you.π
#homeassistant #lovelace #animation
Chapters:
0:00 Intro
0:11 1. Drop Shadow
2:27 1.1 Drop Shadow when on
3:14 1.2 Making it GLOW!
4:10 1.2.1 Making it more... "GLOWY"!
5:33 2. Dynamic Rotation Speed
6:54 2.1 Bring in the Slider (W/Code)
11:29 3. Dynamic Name Field
15:50 Outro
-~-~~-~~~-~~-~-
Please watch: "IKEA VINDRIKTNING v2 ESP32 Upgrade Commercial Accuracy for Β£10"
youtube.com/watch?v=qBNmliH7PwI
-~-~~-~~~-~~-~-










