MENU ASSETS

Spotlight on Hover

This effect creates an interactive “spotlight” effect on elements that have a data-spotlight-color attribute. When you move your mouse over these elements, it follows your cursor with a glowing highlight that reveals the content beneath, similar to how a spotlight illuminates whatever it’s pointed at. The effect uses the color specified in the data-spotlight-color attribute.

Example with the
Image Box element

But it can actually work with any element!

Cool card

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

High-contrast black and white portrait of a tattooed woman with glowing yellow eye makeup, artistic beauty photography, modern tattoos, and creative makeup concepts, AssetsforWP.

Another cool card

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

The last cool card

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Vibrant color palette showcasing a data spotlight color code for website design and development.

Instructions

Simply add the attribute data-spotlight-color with a color as its value, and the element will automatically receive the spotlight effect.

Spotlight on Hover

Example with theImage Box element

Instructions

Rolling Counter Animation

Random Grid Fade on Scroll

Parallax Sliders

Gradual Blur effect

Fancy GSAP Marquee

Interactive Slide Navigation on hover

Interactive Galleries with Animated Captions

3D Scrolling Stripe Effect

Spotlight on Hover

3D Half-Flip on Scroll

Animated Grid Background with Ripple Effect

Random Shuffle Slideshow with View-Triggered Animations

Split-section Sliding Animations

Floating Image on Hover

Curtain Reveal Effect

Interactive Image Display on Link Hover

Text Scroll Reveal

Gooey Text Background

Dynamic 3D Flip Showcase

Magnetic Mouse Effect on Buttons

Scrambled Links On Hover

Scroll-Based Pinned Stack Effects

Gradient Background WebGL Animations

Automatic Split Text Animations

Clever Card Animations

Animated RGB Split Effect on Text

Creative Shape-outside Designs

Squircle Effect

Fancy Full Bleed layouts

Random Loop Animation

Synchronized Sliders

Fancy Animated Headers

Animated Highlighted Words

Animated Gallery

Falling Snowflakes

Autoplay Tabs

Liquid Buttons

Made With Breakdance AI logos

Sliders with images of various sizes

Fancy Shaped Galleries

Animated Background Text Gradient

Animated Text Path

Thumbnail Sliders

Sparkles Text Effect

Ripple Effect on Buttons

Infinite Horizontal Scrolling

Infinite Vertical Scrolling

Parallax Effect on Mouse Position

Split Text Animations

3D Rotating Banners on Scroll

Dark Mode Toggles

Fancy Sliders

Perspective Effect On Scroll

Fancy 3D looping animation

3D Elements

Hover Effects with the Supabox element

Underline On Scroll

Animated Buttons with icons

Animated Reveal Effect

Dynamic Content Ticker

Vertical Sliders

Animated Speech Bubbles

Animated Headings

Fancy Slider Paginations

Logo Showcase

Seamless Transparent Patterns

Example with the
Image Box element