import { Meta, IconGallery, IconItem } from '@storybook/addon-docs'
import '../components/lukso-icon/index'
Animations
Animations can be applied to any element through special CSS classes. For animatingicons you pass animation name.
### **Example usage**
```html
```
### **Animation list**
#### `animate-spin`
#### `animate-ping`
#### `animate-pulse`
#### `animate-bounce`
#### `animate-pulse-resize`
#### `animate-resize-in`
#### `animate-fade-in`
### **Delay animation**
You can delay animation by adding `animation-delay-[value]` class.
```html
```
### **Animation count**
You can set animation count by adding `animation-iteration-[value]` class.
```html
```
### **Animation duration**
You can set animation duration by adding `animation-duration-[value]` class.
```html
```
### **Animation fill mode**
You can set animation fill mode by adding `animation-fill-[value]` class.
```html
```