Untitled
unknown
plain_text
8 days ago
1.4 kB
3
Indexable
type: custom:mushroom-chips-card chips: - type: template icon: mdi:dishwasher icon_color: |- {% if is_state(entity, 'on') %} blue {% else %} disabled {% endif %} entity: binary_sensor.msv_in_use tap_action: action: navigate navigation_path: "#MSV" double_tap_action: action: more-info visibility: - condition: state entity: binary_sensor.msv_in_use state: "on" card_mod: style: mushroom-template-chip: | ha-card { --ha-card-box-shadow: none; --chip-background: none; --chip-box-shadow: none; --chip-spacing: 0; --chip-height: 36px; } mushroom-template-chip:nth-child(1)$: | {% if is_state(entity,'on') %} ha-state-icon { animation: bounce 1.5s ease-in-out infinite, wash 1s ease-in-out infinite; transform-origin: 50% 75%; } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-1.2px) rotate(5deg); } 60% { transform: translateY(-1.1px) rotate(-4deg); } } @keyframes wash { 50% { clip-path: polygon(0 0, 0 100%, 35% 100%, 36% 74%, 31% 43%, 61% 40%, 71% 69%, 62% 78%, 36% 73%, 35% 100%, 100% 100%, 100% 0); } } {% endif %}
Editor is loading...
Leave a Comment