> For the complete documentation index, see [llms.txt](https://animoia.gitbook.io/animoia-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://animoia.gitbook.io/animoia-docs/effects-reference/transition.md). # Transition Reveals or removes a layer over time. Every effect below is listed in the sidebar, so you can jump straight to one. Return to [Effects reference](/animoia-docs/effects-reference.md) for stack behavior shared by all effects. ## Corruption Reveals or removes the layer through an animated corruption pattern. Add it from **Effects > Transition** by double-clicking it or dragging it onto a compatible layer. **Properties** | Name | Control | Visual or audible result | | ------------ | ------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | Progress | Number | Drives the wipe from start to finish: at the low end the layer is still fully visible, and at the high end it has been completely wiped away. Keyframe this to play the transition. | | Block Width | Number | Sets the horizontal size of the block. | | Block Height | Number | Sets the vertical size of the block. | | Feather | Number | Softens the edge by blending it gradually into the surrounding image. | ## Card Shuffle Reveals or removes the layer through an animated card shuffle pattern. Add it from **Effects > Transition** by double-clicking it or dragging it onto a compatible layer. **Properties** | Name | Control | Visual or audible result | | ---------- | ------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | Progress | Number | Drives the wipe from start to finish: at the low end the layer is still fully visible, and at the high end it has been completely wiped away. Keyframe this to play the transition. | | Columns | Number | Divides the frame into more or fewer columns, so each cell of the card shuffle gets smaller and more numerous. | | Rows | Number | Divides the frame into more or fewer rows, so each cell of the card shuffle gets smaller and more numerous. | | Flip Axis | Menu | Chooses the axis each card turns on as it flips. | | Randomness | Number | Changes the irregular variation in the card shuffle, from calm and even to visibly scattered. | ## Vitrification Reveals or removes the layer through an animated vitrification pattern. Add it from **Effects > Transition** by double-clicking it or dragging it onto a compatible layer. **Properties** | Name | Control | Visual or audible result | | ------------ | ------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | Progress | Number | Drives the wipe from start to finish: at the low end the layer is still fully visible, and at the high end it has been completely wiped away. Keyframe this to play the transition. | | Displacement | Number | Sets how far the shattered fragments are pushed out of place as they break up. | | Softness | Number | Softens hard boundaries and creates a more gradual transition. | ## Grid Dissolve Reveals or removes the layer through an animated grid dissolve pattern. Add it from **Effects > Transition** by double-clicking it or dragging it onto a compatible layer. **Properties** | Name | Control | Visual or audible result | | --------------- | ------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | Progress | Number | Drives the wipe from start to finish: at the low end the layer is still fully visible, and at the high end it has been completely dissolved away. Keyframe this to play the transition. | | Tile Size | Number | Sets how large each tile is, so smaller tiles dissolve the frame in a finer pattern. | | Shape | Menu | Chooses the visual form grid dissolve takes. | | Border Softness | Number | Softens each tile edge so the tiles fade rather than snap away. | ## Luma Dissolve Reveals or removes the layer through an animated luma dissolve pattern. Add it from **Effects > Transition** by double-clicking it or dragging it onto a compatible layer. **Properties** | Name | Control | Visual or audible result | | ---------------- | ------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | Progress | Number | Drives the wipe from start to finish: at the low end the layer is still fully visible, and at the high end it has been completely dissolved away. Keyframe this to play the transition. | | Softness | Number | Softens hard boundaries and creates a more gradual transition. | | Invert Luminance | Toggle | Makes the affected image or tonal region brighter or darker. | ## Zigzag Wipe Reveals or removes the layer through an animated zigzag wipe pattern. Add it from **Effects > Transition** by double-clicking it or dragging it onto a compatible layer. **Properties** | Name | Control | Visual or audible result | | ------------ | ---------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | Progress | Number | Drives the wipe from start to finish: at the low end the layer is still fully visible, and at the high end it has been completely wiped away. Keyframe this to play the transition. | | Direction | Number | Chooses the direction in which the effect travels, stretches, or faces. | | Center | 2D control | Moves the visual center or origin of the effect across the layer. | | Tooth Width | Number | Sets the horizontal size of the tooth. | | Tooth Height | Number | Sets the vertical size of the tooth. | | Feather | Number | Softens the edge by blending it gradually into the surrounding image. | ## Eclipse Reveals or removes the layer through an animated eclipse pattern. Add it from **Effects > Transition** by double-clicking it or dragging it onto a compatible layer. **Properties** | Name | Control | Visual or audible result | | -------------- | ---------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | Progress | Number | Drives the wipe from start to finish: at the low end the layer is still fully visible, and at the high end it has been completely wiped away. Keyframe this to play the transition. | | Center | 2D control | Moves the visual center or origin of the effect across the layer. | | Feather | Number | Softens the edge by blending it gradually into the surrounding image. | | Glow Width | Number | Sets the horizontal size of the glow. | | Glow Intensity | Number | Sets how brightly the rim glows as the shadow closes over the frame. | | Glow Color | Color | Sets the color used for the glow portion of the result. | ## Staircase Wipe Reveals or removes the layer through an animated staircase wipe pattern. Add it from **Effects > Transition** by double-clicking it or dragging it onto a compatible layer. **Properties** | Name | Control | Visual or audible result | | ----------- | ------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | Progress | Number | Drives the wipe from start to finish: at the low end the layer is still fully visible, and at the high end it has been completely wiped away. Keyframe this to play the transition. | | Direction | Number | Chooses the direction in which the effect travels, stretches, or faces. | | Slant Width | Number | Sets the horizontal size of the slant. | | Jag Amount | Number | Sets how ragged the sweeping edge is, from a straight line to a heavily jagged staircase. | | Feather | Number | Softens the edge by blending it gradually into the surrounding image. | ## Radial Warp Wipe Reveals or removes the layer through an animated radial warp wipe pattern. Add it from **Effects > Transition** by double-clicking it or dragging it onto a compatible layer. **Properties** | Name | Control | Visual or audible result | | -------- | ---------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | Progress | Number | Drives the wipe from start to finish: at the low end the layer is still fully visible, and at the high end it has been completely wiped away. Keyframe this to play the transition. | | Center | 2D control | Moves the visual center or origin of the effect across the layer. | | Feather | Number | Softens the edge by blending it gradually into the surrounding image. | ## Stretch Wipe Reveals or removes the layer through an animated stretch wipe pattern. Add it from **Effects > Transition** by double-clicking it or dragging it onto a compatible layer. **Properties** | Name | Control | Visual or audible result | | --------- | ---------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | Progress | Number | Drives the wipe from start to finish: at the low end the layer is still fully visible, and at the high end it has been completely wiped away. Keyframe this to play the transition. | | Stretch | Number | Sets how far the image is stretched as it is pulled away, from a clean slide to a long smear. | | Direction | Number | Chooses the direction in which the effect travels, stretches, or faces. | | Center | 2D control | Moves the visual center or origin of the effect across the layer. | ## Alpha Twist Reveals or removes the layer through an animated alpha twist pattern. Add it from **Effects > Transition** by double-clicking it or dragging it onto a compatible layer. **Properties** | Name | Control | Visual or audible result | | ---------------- | ------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | Progress | Number | Drives the wipe from start to finish: at the low end the layer is still fully visible, and at the high end it has been completely wiped away. Keyframe this to play the transition. | | Axis | Number | Rotates the axis the twist winds around. | | Twist Unevenness | Number | Makes the twist uneven along its length, so it winds up more tightly in some places than others. | ## Acidic Decay Reveals or removes the layer through an animated acidic decay pattern. Add it from **Effects > Transition** by double-clicking it or dragging it onto a compatible layer. **Properties** | Name | Control | Visual or audible result | | ----------- | ------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | Progress | Number | Drives the wipe from start to finish: at the low end the layer is still fully visible, and at the high end it has been completely wiped away. Keyframe this to play the transition. | | Warp Amount | Number | Sets how much the image is distorted as it dissolves away. | | Noise Scale | Number | Changes the irregular variation in the acidic decay, from calm and even to visibly scattered. | | Softness | Number | Softens hard boundaries and creates a more gradual transition. | ## Clock Wipe Reveals or removes the layer through an animated clock wipe pattern. Add it from **Effects > Transition** by double-clicking it or dragging it onto a compatible layer. **Properties** | Name | Control | Visual or audible result | | ----------- | ---------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | Progress | Number | Drives the wipe from start to finish: at the low end the layer is still fully visible, and at the high end it has been completely wiped away. Keyframe this to play the transition. | | Start Angle | Number | Rotates where the sweep begins around the circle. | | Blades | Number | Splits the circle into this many equal wedges, each sweeping its own clock hand at the same time, so the wipe closes like blinds bent around the center. | | Wipe Center | 2D control | Moves the wipe center in the viewer, changing where clock wipe is centered or begins. | | Wipe | Menu | Chooses which way the hand travels: clockwise, counterclockwise, or opening out from both sides at once. | | Feather | Number | Softens each wedge edge as a fraction of one wedge, blurring the sweeping boundary. | ## Iris Wipe Reveals or removes the layer through an animated iris wipe pattern. Add it from **Effects > Transition** by double-clicking it or dragging it onto a compatible layer. **Properties** | Name | Control | Visual or audible result | | ----------- | ---------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | Progress | Number | Drives the wipe from start to finish: at the low end the layer is still fully visible, and at the high end it has been completely wiped away. Keyframe this to play the transition. | | Iris Center | 2D control | Moves the iris center in the viewer, changing where iris wipe is centered or begins. | | Iris Points | Number | Sets how many points the iris shape has, from a smooth circle to a star. | | Roundness | Number | Sets how sharply or how smoothly the corners turn. | | Rotation | Number | Rotates the result around its center. | | Feather | Number | Softens the edge by blending it gradually into the surrounding image. | ## Linear Wipe Reveals or removes the layer through an animated linear wipe pattern. Add it from **Effects > Transition** by double-clicking it or dragging it onto a compatible layer. **Properties** | Name | Control | Visual or audible result | | ---------- | ------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | Progress | Number | Drives the wipe from start to finish: at the low end the layer is still fully visible, and at the high end it has been completely wiped away. Keyframe this to play the transition. | | Wipe Angle | Number | Rotates the direction the straight edge travels across the frame. | | Feather | Number | Softens the edge by blending it gradually into the surrounding image. | ## Radial Wipe Reveals or removes the layer through an animated radial wipe pattern. Add it from **Effects > Transition** by double-clicking it or dragging it onto a compatible layer. **Properties** | Name | Control | Visual or audible result | | ----------- | ---------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | Progress | Number | Drives the wipe from start to finish: at the low end the layer is still fully visible, and at the high end it has been completely wiped away. Keyframe this to play the transition. | | Start Angle | Number | Rotates where the sweep begins around the center. | | Wipe Center | 2D control | Moves the wipe center in the viewer, changing where radial wipe is centered or begins. | | Wipe | Menu | Chooses which way the sweep travels: clockwise, counterclockwise, or both at once. | | Feather | Number | Softens the edge by blending it gradually into the surrounding image. | ## Venetian Blinds Reveals or removes the layer through an animated venetian blinds pattern. Add it from **Effects > Transition** by double-clicking it or dragging it onto a compatible layer. **Properties** | Name | Control | Visual or audible result | | --------- | ------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | Progress | Number | Drives the wipe from start to finish: at the low end the layer is still fully visible, and at the high end it has been completely wiped away. Keyframe this to play the transition. | | Direction | Number | Chooses the direction in which the effect travels, stretches, or faces. | | Width | Number | Changes the horizontal size or thickness of the result. | | Feather | Number | Softens the edge by blending it gradually into the surrounding image. | --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter: ``` GET https://animoia.gitbook.io/animoia-docs/effects-reference/transition.md?ask=&goal= ``` `ask` is the immediate question: it should be specific, self-contained, and written in natural language. `goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.