Custom:card-modder animation not working

Configuration
1

HI, I use the custom Lovelace card card-modder and tried to add the sample with the animation, but I do not get it working.

type: 'custom:card-modder'
style:
  animation: blink 2s linear infinite;
extra_styles: |
  @keyframes blink {
    50% {
      background: red;
    }
  }
card:
  type: entity-button
  entity: switch.kitchen_desk_switch_switch
  hold_action:
    action: none
  tap_action:
    action: toggle

I do not get any errors, card-fodder is correct installed and line for loading added to head. I get styling normal added like covers or border. But the background color is not animation, or anything else I tried.

Here is the GitHub site for the card.

Hope someone has an idea why it is not working. Tried in Safari on Mac and Chrome, both support animation.

2

change the pipe to >

extra_styles: >
  @keyframes blink {
    50% {
      background: red;
    }
  }
3

I can not save it with “>”, it automatically changes it to “|”

4

Did you find any way to solve this? Having the same problem :confused:

5

Just did an update to 88.x, since then I still see the “|-” but the animation is working