How to Apply a Hover Style

Video Tutorial:

Article:

Hover styles will be applied to elements on mouseover. For example, if you want your element’s background or shadow to change when the mouse is moved over the element, this is how you can do it.

NOTE: Hover styles can currently only be configured on backgrounds, borders and shadows, and applies to colors only (e.g., you cannot set the blur of a shadow to change on mouseover).

  1. Select the element you want to apply a hover style to.
  2. In the Properties panel, click Background, Borders or Shadows. Click the On Mouseover tab.
  3. Configure the properties of the hover style you want to apply on mouseover.

Screen Shot 2017-10-16 at 14.30.48.png

Click Preview, and move your mouse over the element to see the new hover style.