Card animata sensore pioggia

Card Animata sensore pioggia

type: custom:button-card
entity: binary_sensor.sensore_pioggia (tua entità)
name: Pioggia
icon: mdi:weather-rainy
size: 80%
styles:
  card:
    - border-radius: 10px
    - padding: 5px
    - height: 150px
    - width: 400px
    - text-align: center
    - background-color: "#1e1e1e"
    - color: "#AAAAAA"
    - box-shadow: "0 0 5px #000000"
  icon:
    - color: "#AAAAAA"
  name:
    - font-size: 18px
    - color: "#AAAAAA"
state:
  - value: "on"
    styles:
      card:
        - animation: neon-flash 1s infinite
        - box-shadow: "0 0 20px #00FFFF, 0 0 40px #00FFFF"
      icon:
        - color: "#00FFFF"
      name:
        - color: "#00FFFF"
  - value: "off"
    styles:
      card:
        - box-shadow: "0 0 5px #000000"
      icon:
        - color: "#AAAAAA"
      name:
        - color: "#AAAAAA"
card_mod:
  style: |
    @keyframes neon-flash {
      0%, 100% {
        box-shadow: 0 0 10px #00FFFF, 0 0 30px #00FFFF;
      }
      50% {
        box-shadow: 0 0 30px #00FFFF, 0 0 60px #00FFFF;
      }
    }