Icone animé

Tu me fais bosser pour un dimanche :wink:
en fait c’est pas .shape mais mushroom-shape-icon
pour clarifier j’ai ressorti les @keyframes du if

pour essayer de comprendre il faut regarder un tuto de @Clemalex mais c’est ardu ,enfin pour moi.

type: custom:mushroom-template-card
icon: mdi:motion-sensor
icon_color: blue
primary: Motion
entity: binary_sensor.detecteur_de_mouvements_couloir_bureau
tap_action:
  action: none
hold_action:
  action: none
double_tap_action:
  action: none
card_mod:
  style: >
    {% if is_state('binary_sensor.detecteur_de_mouvements_couloir_bureau','off')
    %}
     ha-state-icon {
      animation: clip 2s linear infinite;
    }
     mushroom-shape-icon {
      animation: motion 2s linear infinite;
    }
      {% endif%}
    @keyframes motion {
      0%, 100% { --shape-color: rgba(var(--rgb-red), 0.3); }
      50% { --shape-color: rgba(var(--rgb-red), 0.2); }
    } @keyframes clip {
      50% { clip-path: polygon(0 0, 55% 0, 100% 100%, 0 100%); }
    }