Template Animation Keyframes¶
The following is a reference of built-in animation keyframes available in the Lucit Template Designer. These animations appear in the list of available animations when adding an animation to an element.
| Category | Name | Keyframe |
|---|---|---|
| Attention seekers | Bounce | bounce |
| Attention seekers | Flash | flash |
| Attention seekers | Head Shake | headShake |
| Attention seekers | Heart Beat | heartBeat |
| Attention seekers | Jello | jello |
| Attention seekers | Pulse | pulse |
| Attention seekers | Rubber Band | rubberBand |
| Attention seekers | Shake X | shakeX |
| Attention seekers | Shake Y | shakeY |
| Attention seekers | Swing | swing |
| Attention seekers | Tada | tada |
| Attention seekers | Wobble | wobble |
| Back entrances | Back In Down | backInDown |
| Back entrances | Back In Left | backInLeft |
| Back entrances | Back In Right | backInRight |
| Back entrances | Back In Up | backInUp |
| Back exits | Back Out Down | backOutDown |
| Back exits | Back Out Left | backOutLeft |
| Back exits | Back Out Right | backOutRight |
| Back exits | Back Out Up | backOutUp |
| Bouncing entrances | Bounce In | bounceIn |
| Bouncing entrances | Bounce In Down | bounceInDown |
| Bouncing entrances | Bounce In Left | bounceInLeft |
| Bouncing entrances | Bounce In Right | bounceInRight |
| Bouncing entrances | Bounce In Up | bounceInUp |
| Bouncing exits | Bounce Out | bounceOut |
| Bouncing exits | Bounce Out Down | bounceOutDown |
| Bouncing exits | Bounce Out Left | bounceOutLeft |
| Bouncing exits | Bounce Out Right | bounceOutRight |
| Bouncing exits | Bounce Out Up | bounceOutUp |
| Fading entrances | Fade In | fadeIn |
| Fading entrances | Fade In Bottom Left | fadeInBottomLeft |
| Fading entrances | Fade In Bottom Right | fadeInBottomRight |
| Fading entrances | Fade In Down | fadeInDown |
| Fading entrances | Fade In Down Big | fadeInDownBig |
| Fading entrances | Fade In Left | fadeInLeft |
| Fading entrances | Fade In Left Big | fadeInLeftBig |
| Fading entrances | Fade In Right | fadeInRight |
| Fading entrances | Fade In Right Big | fadeInRightBig |
| Fading entrances | Fade In Top Left | fadeInTopLeft |
| Fading entrances | Fade In Top Right | fadeInTopRight |
| Fading entrances | Fade In Up | fadeInUp |
| Fading entrances | Fade In Up Big | fadeInUpBig |
| Fading exits | Fade Out | fadeOut |
| Fading exits | Fade Out Bottom Left | fadeOutBottomLeft |
| Fading exits | Fade Out Bottom Right | fadeOutBottomRight |
| Fading exits | Fade Out Down | fadeOutDown |
| Fading exits | Fade Out Down Big | fadeOutDownBig |
| Fading exits | Fade Out Left | fadeOutLeft |
| Fading exits | Fade Out Left Big | fadeOutLeftBig |
| Fading exits | Fade Out Right | fadeOutRight |
| Fading exits | Fade Out Right Big | fadeOutRightBig |
| Fading exits | Fade Out Top Left | fadeOutTopLeft |
| Fading exits | Fade Out Top Right | fadeOutTopRight |
| Fading exits | Fade Out Up | fadeOutUp |
| Fading exits | Fade Out Up Big | fadeOutUpBig |
| Flippers | Flip | flip |
| Flippers | Flip In X | flipInX |
| Flippers | Flip In Y | flipInY |
| Flippers | Flip Out X | flipOutX |
| Flippers | Flip Out Y | flipOutY |
| Lightspeed | Light Speed In Left | lightSpeedInLeft |
| Lightspeed | Light Speed In Right | lightSpeedInRight |
| Lightspeed | Light Speed Out Left | lightSpeedOutLeft |
| Lightspeed | Light Speed Out Right | lightSpeedOutRight |
| Rotating entrances | Rotate In | rotateIn |
| Rotating entrances | Rotate In Down Left | rotateInDownLeft |
| Rotating entrances | Rotate In Down Right | rotateInDownRight |
| Rotating entrances | Rotate In Up Left | rotateInUpLeft |
| Rotating entrances | Rotate In Up Right | rotateInUpRight |
| Rotating exits | Rotate Out | rotateOut |
| Rotating exits | Rotate Out Down Left | rotateOutDownLeft |
| Rotating exits | Rotate Out Down Right | rotateOutDownRight |
| Rotating exits | Rotate Out Up Left | rotateOutUpLeft |
| Rotating exits | Rotate Out Up Right | rotateOutUpRight |
| Sliding entrances | Slide In Down | slideInDown |
| Sliding entrances | Slide In Left | slideInLeft |
| Sliding entrances | Slide In Right | slideInRight |
| Sliding entrances | Slide In Up | slideInUp |
| Sliding exits | Slide Out Down | slideOutDown |
| Sliding exits | Slide Out Left | slideOutLeft |
| Sliding exits | Slide Out Right | slideOutRight |
| Sliding exits | Slide Out Up | slideOutUp |
| Specials | Hinge | hinge |
| Specials | Jack in the Box | jackInTheBox |
| Specials | Roll In | rollIn |
| Specials | Roll Out | rollOut |
| Zooming entrances | Zoom In | zoomIn |
| Zooming entrances | Zoom In Down | zoomInDown |
| Zooming entrances | Zoom In Left | zoomInLeft |
| Zooming entrances | Zoom In Right | zoomInRight |
| Zooming entrances | Zoom In Up | zoomInUp |
| Zooming exits | Zoom Out | zoomOut |
| Zooming exits | Zoom Out Down | zoomOutDown |
| Zooming exits | Zoom Out Left | zoomOutLeft |
| Zooming exits | Zoom Out Right | zoomOutRight |
| Zooming exits | Zoom Out Up | zoomOutUp |