Hover For Other Option Panel

Main Options



Group Names: 
Separate group names with spaces. Each object needs to have a group name on it. This can be done by clicking hyperlinks’ and typing the group name beside Tooltips’. 

Start When:

Choose to enable the effect on hover’ or hover on trigger’.

You can choose to use any object as a trigger to create hover effects on other objects.






Easing Type: 
Control the hover effect. The options are:

  • Same speed from start to end
  • Slow Start
  • Slow End
  • Slow Start & End
  • Bouncy End

Transform Origin: 

Choose where the hover effect starts from. The options are:

  • Center
  • Left
  • Right
  • Top
  • Bottom
  • Top-left
  • Top-right
  • Bottom-left
  • Bottom-right

Return Duration: 

Choose how long (in seconds) it takes the object to return to it’s default state.

Return Delay: 

Choose how long of a delay there is before the object starts to return to it’s default state.



Hovered/Other Object Options




  • Use negative values for Move Horizontal/Vertical to make the objects go left or down.
  • To have the object scale down make the scale value less than 1. (For example, 0.5 makes it half in size.)
  • You can also fully customize the hover appearance through the fill panel, stroke panel, text panel, and etc.



Have more questions? Submit a request