---
prev: ../complements/
next: ../custom-transitions
sidebarDepth: 0
---
# Transitions
VueFlux comes with nice 20 transitions.
| Name | Component | Description |
|------|-----------|-------------|
| [blinds2d](blinds2d) | TransitionBlinds2d | Divides the image in vertical bars that blinds and fades out |
| [blinds3d](blinds3d) | TransitionBlinds3d | Divides the image in vertical bars that blinds 180 deg to form the next image |
| [blocks1](blocks1) | TransitionBlocks1 | The image is splited in blocks that shrink and fade out randomly |
| [blocks2](blocks2) | TransitionBlocks2 | The image is splited in blocks that shrink and fade out in wave from a corner to the opposite |
| [book](book) | TransitionBook | Makes the effect of turning a page to display next image |
| [camera](camera) | TransitionCamera | From outside to inside the image is being cropped like in a camera lens |
| [concentric](camera) | TransitionConcentric | A concentric effect is performed by rotating the image converted into circles |
| [cube](cube) | TransitionCube | Turns the image to a side like if place in a cube |
| [explode](explode) | TransitionExplode | The image is splited in blocks that explode revealing the next image |
| [fade](fade) | TransitionFade | Fades from one image to next |
| [fall](fall) | TransitionFall | The image falls in front displaying next image |
| [kenburn](kenburn) | TransitionKenburn | Fades, zoom and moves current image to next |
| [round1](round1) | TransitionRound1 | The image is splited in blocks that turn 180 deg horizontally to form next image |
| [round2](roud2) | TransitionRound2 | The image is splited in blocks that round vertically until disappear |
| [slide](slide) | TransitionSlide | Slides the image horizontally revealing the next |
| [swipe](swipe) | TransitionSwipe | Swipes the image to display next like uncovered with a curtain |
| [warp](warp) | TransitionWarp | A concentric effect is performed by rotating the image converted into circles in alternate direction |
| [waterfall](waterfall) | TransitionWaterfall | Divides the image in bars and drops them down in turns |
| [wave](wave) | TransitionWave | Makes the image 3D and divides it in slices that turn vertically to display the next image |
| [zip](zip) | TransitionZip | Divides the image in bars and slides them up and down alternately like a zip |