YAML:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
| - type: custom:mushroom-template-card card_mod: style: | mushroom-shape-icon$: | .shape { perspective: 7px; } .: | ha-state-icon { {% if is_state('media_player.ruimte1', 'unavailable') %} --icon-animation: music 2s ease-in-out infinite alternate; transform-origin: 50% 100% {% endif %} } @keyframes music { 0%, 100% { transform: translateY(0px) scaleX(1); } 20% { transform: translateY(2px) scaleX(0.9); } 40% { transform: rotateY(10deg) rotateZ(-10deg); } 60% { transform: translateY(-4px) scaleX(1.1); } 80% { transform: rotateY(-10deg) rotateZ(10deg); } } ha-card { box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3) !important; background-color: rgba({{ states("input_text.kleur_iconen")}},0.2) !important; {% if not is_state('media_player.ruimte1', 'off') %} background-color: rgb({{ states("input_text.kleur_iconen")}}) {% endif %} } |
wat is hier mis aan mijn cardmod ?
de animatie van het icoon werkt niet...
[ Voor 12% gewijzigd door Faece op 08-08-2024 00:56 ]