Anyside Button
Arrow Button
Arrow Button v2
Arrow Button v3
Arrow Button v4
Arrow Button v5
Arrow Button v6
Arrow Button v7
Arrow Button v8
Blurry Button
Bubbles Button
Crystal Button
Dot Button
Dot Button v2
Dot Button v3
FlipFlop Button
FlipFlop Button v2
FlipFlop Button v3
Glowing Button
Marquee Button
Marquee Button v2
Mask Button
Modal Button
Nudge Button
Pixels Button
Prism Button
Prism Button v2
Rainbow Button
Reel Button
Ripple Button
Ripple Button v2
Ripple Button v3
Ripple Button v4
Ripple Button v5
Ripple Button v6
Ripple Button v7
Shiny Button
Squeezy Radius Button
Strip Button
Stripes Button
Spotlight
Spotlight
How it works
Spotlight is a nestable widget. You can put any content inside by using the Content repeater control: custom code, templates, global widgets and shortcodes.
Animation group
Type: light or dark. Light should be used at lighter backgrounds and the dark at darker backgrounds..
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.
Height: determines the height of the rays, not the height of the block.
Speed: determines the speed of the animation.
CSS easing: determines the easing of the animation. You can set any custom CSS easing of your own. Learn more about CSS easings here.