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 ]
:strip_exif()/f/image/WKZ86l8Wi8GyUCvXmy16i3UF.jpg?f=fotoalbum_large)
:strip_exif()/f/image/iKgL4ThsgBxYfvmgfUFw6YR8.jpg?f=fotoalbum_large)
:strip_exif()/f/image/oDjfRjFB3UUNk18W1SK5u6pg.jpg?f=fotoalbum_large)
:strip_exif()/f/image/uWTyHzonRdP8O7da5r78lU53.jpg?f=fotoalbum_large)
/f/image/VT3HHkObQYmLpCwrzXZjbdQR.png?f=fotoalbum_tile)
/f/image/jFB58WAELUCYIBt2Dz6jgnub.png?f=fotoalbum_tile)
:strip_exif()/f/image/hdAw8pLJpU4zdy8ma2LLUE8N.gif?f=fotoalbum_large)
/f/image/z17m7sKWHGWJOYx2ZA11UsC8.png?f=fotoalbum_large)
/f/image/yq0bWeIsrtJBQN4cT3ebax5N.png?f=fotoalbum_large)
/f/image/t3NX4nBlLcY5AwGuebmI3YOH.png?f=fotoalbum_large)
:strip_exif()/f/image/qFcXddZkwLqAuk5ZwZ2zTson.jpg?f=fotoalbum_large)
:no_upscale():strip_icc():fill(white):strip_exif()/f/image/BDk6JlmpLGKYe8BDT9KedvQO.jpg?f=user_large)
/f/image/vH3pOmnLWu4CYmXINjrJpWPw.png?f=fotoalbum_large)
/f/image/oJzoREUkGyihDSNaOp25WhWh.png?f=fotoalbum_large)