I have a background gradient that interacts with the cursor position. It’s working ok, but when the user hovers over any text or elements above the background, it naturally stops working. I have tried to incorporate a pointer event code for the main h1 text on the read-only site here – that seems to…

Hello @itsmemason , give your .div-block-copy a pointer events none style, inside your embed element, and your background animation should work. I hope this helps.

Cursor interaction stops when hovering over text and other elements

Design help General

itsmemason (Mason Richards) November 2, 2022, 12:24pm 3

That did the trick, thanks so much Pablo!

1 Like

Topic		Replies	Views
Can't use Spline embed as background Custom code	2	936	November 13, 2023
Hover on child elements? General	2	1033	May 7, 2023
Hold down mouse ignore images and elements General	1	1128	July 13, 2020
Custom code pointer-events:none isn't working Custom code	2	28	November 4, 2024
Element move with mouse cursor in the background over "foreground" elements Animations & Interactions	10	5941	February 4, 2022

Cursor interaction stops when hovering over text and other elements

Related topics