Animation Badges

Home Assistant - Tutoriels & Partages Interface / Lovelace / Thème / Custom Card
5

Dans un badge ? oui tu peux par exemple avoir ce rendu :

animate

    badges:
      - entity: sensor.hacf
        style:
          ha-state-label-badge:
            $:
              ha-label-badge:
                $: |
                  #badge{
                      animation: printing 1.5s linear infinite alternate;
                  }
                  .label-badge .label{
                    display: none;
                  }   
                  @keyframes printing{
                    0% {
                      background-image: url("/local/printer-3d-01.svg");
                    }
                    33% {
                      background-image: url("/local/printer-3d-02.svg");
                    }
                    67% {
                      background-image: url("/local/printer-3d-03.svg");
                    }
                    100% {
                      background-image: url("/local/printer-3d-04.svg");
                    }
                  }

avec ces images faites depuis l’icône disponible sur https://materialdesignicons.com/ et modifiées dans inkscape :
printer-3d-01 printer-3d-02 printer-3d-03 printer-3d-04

Pour le faire dans une carte coup d’œil (glance), il faut s’inspirer de :