Mushroom - Icones animés

Entraide Home Assistant
12

J’ai réussi avec ce code:

card_mod:
  style: |
    ha-state-icon {
      animation: clip 2s steps(1) infinite;
    }
    @keyframes clip {
      0% { clip-path: circle(0% at 50% 85%); }
      20% { clip-path: circle(30% at 50% 85%); }
      40% { clip-path: circle(55% at 50% 85%); }
      60% { clip-path: circle(80% at 50% 85%); }
    }
    mushroom-shape-icon {
      --icon-symbol-size: 0.80em;
      --icon-size: 90px;
    }
    :host {
      --mush-card-primary-font-size: 16px;
    }