# Hover Animation

The Hover Animation property allows you to easily add a predefined & premade animation to your block.

As the name implies it, the selected animation will play whenever the user hovers the block.

  1. Select a block
  2. Open the block inspector
  3. Navigate to the primary tab
  4. Find the Hover Animation property
  5. Select the animation you want (grow, shrink, pulse, push, pop, bounce-in, bounce-out, zoom-rotate, rotate, rise, set, levitate, delevitate, skew, wiggle-vertical, wiggle-horizontal, shake-out)

Grow Makes the block scale up.

Shrink Makes the block scale down.

Pusle Makes the block grow and shrink on a continuous loop while hovered.

Push Makes the block shrink and come back to its original size while hovered.

Pop Makes the block grow and come back to its original size while hovered.

Bounce In Makes the block grow with an added bounce effect.

Bounce Out Makes the block shrink with an added bounce effect.

Rotate Makes the block rotate to its right.

Zoom Rotate Makes the block rotate to its right while growing.

Rise Makes the block rise by a few pixels.

Set Makes the block drop by a few pixels.

Levitate Makes the block rise and come back to its original position while hovered on a continuous loop while hovered.

De-Levitate Makes the block drop and come back to its original position while hovered on a continuous loop while hovered.

Skew Makes the block skew to the left.

Wiggle Vertical Makes the block wiggle up and down a few times.

Wiggle Horizontal Makes the block wiggle left and right a few times.

Shake Out Makes the block slightly rotate left and right a few times.