We've added a new experimental custom animation functionality for annotations. It uses Animate.css from Daniel Eden (@_dte, GitHub).

´╗┐To use the animations┬á

  1. Add this CSS URL to your project (in "Configure") - //hapyak_demos.s3.amazonaws.com/css/light-styles.css.

2. Manually add class names to the annotation (Edit, Add Class, "animated (the name of the animation) example: "animated zoomInLeft".

Here are the animation names.
bounce
flash
pulse
wobble
rubberBand
shake
swing
tada
flip

hinge

bounceIn
bounceInUp
bounceInDown
bounceInLeft
bounceInRight

fadeInUpBig
fadeInDownBig
fadeInLeftBig
fadeInRightBig
fadeInRight

flipInX
flipInY

lightSpeedIn

rotateIn
rotateInDownLeft
rotateInDownRight
rotateInUpLeft
rotateInUpRight

rollIn
zoomIn
zoomInLeft
zoomInRight
zoomInUp
zoomInDown

Did this answer your question?