---
title: "Fly"
date: 2020-11-18
author: "nK"
---

# Fly

The overlay slides in from the edge the pointer entered and leaves through the edge it exits. Same settings as Fade, and no Caption tab.

![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-12-at-07.34.09-1024x582.png)![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-12-at-07.34.09-1024x582.png)    ## Image

Normal and Hover states. Values and defaults are in the [Skin settings reference](https://staging.visualportfolio.com/docs/gallery-blocks/skin/skin-settings-reference/).

![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-12-at-07.35.01-1024x582.png)![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-12-at-07.35.01-1024x582.png)    ![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-12-at-07.35.58-1024x582.png)![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-12-at-07.35.58-1024x582.png)    ## Overlay

Display, Text Align, Move Overlay Under Image, Elements, Display Icon, Colors, Typography and Dimensions.

![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-12-at-07.37.05-1024x582.png)![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-12-at-07.37.05-1024x582.png)    ![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-12-at-07.39.38-1024x582.png)![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-12-at-07.39.38-1024x582.png)    ![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-12-at-07.41.12-1024x582.png)![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-12-at-07.41.12-1024x582.png)    ![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-12-at-07.42.18-1024x582.png)![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-12-at-07.42.18-1024x582.png)    ![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-12-at-07.45.44-1024x582.png)![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-12-at-07.45.44-1024x582.png)    ## Notes

- Only the image is clickable, as with Fade.
- The fly direction is computed from the pointer; on touch screens the overlay appears without the movement.