Actions
Switch Theme
Getting startedInstallation
Basics
SocialsYouTube
Facebook
Jose Tamu
July 16, 2024 /  Intermediate

Spotlight

Spotlight

How it works

Spotlight is a nestable block element. You can put any elements at it, like you would do at a Bricks block or container.

Spotlight controls

Type: light or dark. Light should be used at lighter backgrounds and the dark at darker backgrounds. The demo is the light one.
Opacity: determines the rays opacity. The demo uses 0.5
Height: determines the height of the rays, not the height of the block. The demo uses 100% (the height of the block).
Speed: determines the speed of the animation. The demo uses 60.
CSS easing: determines the easing of the animation. You can set any custom CSS easing of your own. Learn more about CSS easings here.

-Tamu

On this page