Get Bricksfusion BLACKFRIDAY DealUntil month-end

Documentation

v1.5.0
Overview
How it works
How it works
Transition Page 1
Transition Page 2
Transition Page 3
Transition Page 4
Transition Page 5
Transition Page 6
Transition Page 7
Ambient Gradient
Aura FluidNew
Border StreamNew
Button RevealNew
Card ExpandNew
Carousel Cards
Celestial Flow
CirclesNew
Copy&PasteNew
Cosmic Harmony
Curtain RevealNew
Dual ColumnDual Row
FireCloud
FlexiCarousel
Floating Deck
Fluids
Glow FrameGlowing Cube
MagicLensNew
Modern ShapeNew
Nebula
Network effectParallax effectParticle CanvasParticle GlowParticle Sphere
PrismBorderNew
Pulse CardsPuzzle RevealReveal Text v1Reveal Text v2Ripple WaterRotating Cards
Scroll RevealNew
Shape GlowNew
Slide to NavigateNew
Snowfall
Spotlight
Stream GalleryNew
Stacking Cards
Stack Shift
SVG ColorNew
SVG RevealNew
Swipe CardsTalent OrbitTalent Showcase
Text MotionNew
Timeline GradientText Wave
TooltipNew
Video Overlay
New!
Wave Background
New!

Spotlight

PREVIEW

Spotlight

Try me

GoldenNeonRainbowFireIceEtherealSunsetGalaxyEmerald

What is it?

Spotlight creates a visually engaging spotlight animation that draws attention to specific content areas.

How to set it up?

To set up the Spotlight, the following attributes can be configured on the main container element:

'data-spotlight'. Applied to the container element to enable the Spotlight.

'data-spotlight-type'. Specifies the spotlight style preset. Available types include:

  • default
  • golden
  • neon
  • rainbow
  • fire
  • ice
  • ethereal
  • galaxy
  • sunset
  • emerald

If not set, the default preset is applied.

Support

Need a hand? I'm here to assist with setup, customization, or any questions you may have. Feel free to reach out—I aim to respond as soon as possible, and I appreciate your patience if there's a slight delay

Contact