# Beispiele

Pulsierendes Icon

![](https://1985888337-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MRaoQRH-8-Ld5IfTdK_%2Fsync%2F2e49af0ee13290f3548ac16c22af09bfa6751315.gif?generation=1611344158432232\&alt=media)

Um ein pulsierendes Icon zu erzeugen muss in den Einstellungen unter Styles zunächst der folgende Code hinzugefügt werden.

```
.blink {
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
    50% { opacity: 0;
    }
}
```

Danach kann man bei einem Widget unter der Eigenschaft Icon den folgenden JSON Code verwenden.

```
{
    "<10": "mdi-thermometer blink",
    ">25": "mdi-thermometer blink"
}
```