Animation Categories#
There are three different categories of animations: In, Out and Loop animations.
In Animations#
In animations animate a block for a specified duration after the block first appears in the scene. For example, if a block has a time offset of 4s in the scene and it has an In animation with a duration of 1s, then the appearance of the block will be animated between 4s and 5s with the In animation.
Out Animations#
Out animations animate a block for a specified duration before the block disappears from the scene. For example, if a block has a time offset of 4s in the scene and a duration of 5s and it has an Out animation with a duration of 1s, then the appearance of the block will be animated between 8s and 9s with the Out animation.
Loop Animations#
Loop animations animate a block for the total duration that the block is visible in the scene. Loop animations also run simultaneously with In and Out animations, if those are present.
Animation Presets#
We currently support the following In and Out animation presets:
- '//ly.img.ubq/animation/slide'
- '//ly.img.ubq/animation/pan'
- '//ly.img.ubq/animation/fade'
- '//ly.img.ubq/animation/blur'
- '//ly.img.ubq/animation/grow'
- '//ly.img.ubq/animation/zoom'
- '//ly.img.ubq/animation/pop'
- '//ly.img.ubq/animation/wipe'
- '//ly.img.ubq/animation/baseline'
- '//ly.img.ubq/animation/crop_zoom'
- '//ly.img.ubq/animation/spin'
- '//ly.img.ubq/animation/ken_burns'
- '//ly.img.ubq/animation/typewriter_text'(text-only)
- '//ly.img.ubq/animation/block_swipe_text'(text-only)
- '//ly.img.ubq/animation/merge_text'(text-only)
- '//ly.img.ubq/animation/spread_text'(text-only)
and the following Loop animation types:
- '//ly.img.ubq/animation/spin_loop'
- '//ly.img.ubq/animation/fade_loop'
- '//ly.img.ubq/animation/blur_loop'
- '//ly.img.ubq/animation/pulsating_loop'
- '//ly.img.ubq/animation/breathing_loop'
- '//ly.img.ubq/animation/jump_loop'
- '//ly.img.ubq/animation/squeeze_loop'
- '//ly.img.ubq/animation/sway_loop'