HA ícones animados

Teria como após ligar uma lâmpada do card. Ficar alterando entre 2 cores (piscando) a cor do icone enquanto a lâmpada estiver ligada.

Caso necessário insiro o código já existente neste card da imagem para facilitar.

type: custom:button-card
entity: switch.sonoff_luz_mesa
name: Luz Mesa Sala
icon: null
show_state: true
state:
  - styles:
      card:
        - filter: opacity(85%)
      state:
        - color: var(--disabled-text-color)
    value: 'off'
    icon: mdi:lightbulb
  - styles:
      card:
        - filter: opacity(40%)
        - color: var(--disabled-text-color)
    value: unavailable
  - styles:
      card:
        - box-shadow: 0px 2px var(--state-icon-active-color)
      state:
        - color: var(--state-icon-active-color)
    value: 'on'
    icon: mdi:lightbulb-on
styles:
  card:
    - height: 100px
  name:
    - font-weight: 500
    - font-size: 14px
  state:
    - font-size: 12px

Você pode utilizar cards personalizados disponíveis no HACS para fazer isso e muito mais. Exemplos:
button-card
Mushroom
paper-buttons-row

Bom dia!

Você poderia montar o código para esses cards mencionados.

Já utilizando os códigos que eu enviei.

Eu sugeriria você dar uma olhada na documentação, porque os recursos disponíveis podem dar a você maiores possibilidades.

Como configurar o cartão Button: criar ícones animados:

Como configurar o cartão Button: alterar sua fonte, fundo e efeitos:

Como Configurar o cartão Button: animações avançadas:

Como Configurar o cartão Button: Variáveis e procedurais:

1 Like

@LeandroIssa muito obrigado pelos vídeos. vi que são muito bons.

porém não consegui editar meu código para que p ícone fique piscado (mudando de cor) quando seu estado é = ON (ligado)

caso consiga editar pra mim, fico mais agradecido!

@LeandroIssa muito obrigado. consegui criar o ícone PISCANDO, conforme o vídeo.

camarada fico super grato a sua dedicação em ajudar.

1 Like

ìcone piscando no HA