Hover Effects

Hover happens when the visitor hovers their mouse over a specific element and can shows that a button is interactive.

Watch Hover Effects Video Tutorial:

Hover Effect Example

Create a Hover Effect

  1. Select the layer(s) you want to add the effect to
  2. In Prototype, expand the Smart Layers section, and click Hover Effect
  3. Select the desired Hover effect, or enter your own CSS transition
  4. Click Save

Hover Effect in SketchPreview Live Website: Open
Sample Sketch File: Download


Hover Effect Examples

Hover Effect Example