# Animations

### Shimmer Effect

Just add **sl-animation-shimmer** class.

![](https://305133029-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LzM8aaVW6gcZhDJOVGg%2F-LzQof4dT7k_yjkCF0cW%2F-LzQtKujbz0dBTk_X9F9%2Fezgif.com-video-to-gif%20\(2\).gif?alt=media\&token=5f864b0c-73d7-4032-b183-9d96fb1ddc1b)

```markup
<div class="sl-animation-shimmer">
```

### Fade In Effect

Just add **sl-animation-fadein** class.

![](https://305133029-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LzM8aaVW6gcZhDJOVGg%2F-LzQof4dT7k_yjkCF0cW%2F-LzQsJaSHJSts9jw4l6r%2Fezgif.com-video-to-gif%20\(1\).gif?alt=media\&token=eb07f2b7-5499-4e67-a821-8f4da6d59976)

```markup
<div class="sl-animation-fadein">
```