Untitled

 avatar
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