top of page

FLASHLIGHTDEMO PAGE

hover laptop to reveal =>

Watch how

Easy way to hide something upon user mouse over the element.

Surprise your users by initially hiding your mock-up or anything else.

Apply it over any of your native site content.

Don't worry about overlapping content; all call-to-action buttons and links remain clickable.

Position / Role

Full
Name

Click here to add a brief description of this person’s role and responsibilities, or a short bio with a background summary.

Position / Role

Full
Name

Click here to add a brief description of this person’s role and responsibilities, or a short bio with a background summary.

Position / Role

Full
Name

Click here to add a brief description of this person’s role and responsibilities, or a short bio with a background summary.

HIDDEN TEXT

hide some text

Image by kevin laminto
You can also layer something on top of the app and beneath it, allowing the background to be revealed while maintaining the visibility and interactivity of both the overlaying and underlying content.

↓ transform your website into a game-like interface ↓

Your brand

MENU ITEM 4

MENU ITEM 5

MENU ITEM 1

MENU ITEM 2

MENU ITEM 3

© 2023 Brand Name, All Rights

Reserved

​or just use it as a fancy cursor over your sections ;)

You can also

change the color (or size/position) dynamically with Velo code

.size - number starting from 0 
.sizeValue - "vmax","vmin","vh","vw","px"

.gradientStartColor - any color in format of HEXa, RGBa, HSLa
.gradientMidColor - any color in format of HEXa, RGBa, HSLa
.gradientEndColor - any color in format of HEXa, RGBa, HSLa

.gradientStartPosition - number from 0 to 100
.gradientMidPosition - number from 0 to 100
.gradientEndPosition - number from 0 to 100

size
color

Got ideas for improvements?

bottom of page