Add Mouse-Over Styles/Animations to your Layers and set the Cursor Type for the Layer.
1. General Settings
Enable this option if you would like your Layer to have hover styles/animations.
The default CSS cursor for the Layer. Set this to "pointer" to give the Layer a "button/link" behavior on mouse-over.
3. Pointer Events
The CSS pointer-events property for the Layer. Settings this option to "None" is useful when the Layer has other content behind it that's linked.
2. Hover Transforms
1. Transition Time
The total time the transition will take place. Set this to "0" if you don't want the hover to be animated.
2. Transition Easing
The easing equation used for the transition.
3. Hover zIndex
Dynamically change the Layer's CSS z-index property.
Adjust the transparency level for the Layer.
Scale the Layer's width and height. Enter a number 0-1 where "1" is equal to equal 100%.
Apply a skew distortion to the Layer.
Apply 3D rotations to the Layer.
11. 2D Rotation
Apply a 2D rotation to the Layer.
Optional CSS transform-origin points.
Adjust the CSS perspective value. Useful for 3D views.
3. Font & Background Styles
1. Text Color
Change the Layer's text color on mouse hover.
2. Text Decoration
Apply a CSS text-decoration such as "underline" to the Layer.
3. Background Color
Change the Layer's background color on mouse hover.
4. Border Styles
1. Border Color
Set the a color for the optional hover border.
2. Border Style
Set this to "solid" if you'd like to display a border for the Layer on mouse hover.
3. Border Size
The top/right/bottom/left sizes of the border.
3. Border Radius
Add an optional CSS border-radius to the Layer.