

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.
Palette: the palette used at Spotlight is “rainbow” by default but you can set your own colors by selecting a “custom” palette.
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