CSS Animations¶
1.0.0 · Output
Basic usage¶
styles:
rect:
animation:bounce 5s infinite
Built-in animations¶
SAK has a number of built-in animations. They are defined in sak-css-definitions.yaml as part of sak_templates.yaml.
Their name and what they do are shown in the following table
| SAK Built-in.. | ..CSS.. | ..Animations |
|---|---|---|
| bounce | flash | headShake |
| heartBeat | jello | pulse |
| rubberBand | shake | swing |
| tada | wobble | zoomOut |
| spin | blinkingText | The END |
Use animations sparingly
You don't want your Home Assistant dashboard look like a website from the 90ties 
And yes, yes, yes, you can add you own CSS animations...
Put them in user-css-definitions.yaml. That's the one you may change!