Hover For Other Option Panel

Main Options

hover-for-other-main.jpg

 

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’.

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

 

 

General

Hover-for-other_general.jpg

 

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

hover-for-other-HOVERED.jpg

hover-for-other-OTHER.jpg

 

  • 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