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.