Mushroom Cards - Build a beautiful dashboard easily 🍄 (Part 2)

[mill7 (D)]

Continuing the discussion from Mushroom Cards - Build a beautiful dashboard easily (Part 1):

@rhysb

type: custom:mushroom-template-card
primary: Spin
icon: mdi:fan
icon_color: teal
card_mod:
  style:
    mushroom-shape-icon$: |
      ha-icon {
        --icon-animation: spin 1s linear infinite;
      }

I’m trying to use any of your animations for mushroom-template-card but none of them work, even the simplest ones like the fan animation, I just copy and paste your code, I see the fan icon but it doesn’t spin.

at the same time I have a working animation for mushroom-chips-card

here’s a piece of code from card_mod:

mushroom-template-chip:nth-child(5)$: |
  :host {
    animation: spin 1s linear infinite;
  } 
  @keyframes spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }