Layer disappears in Safari

I have an SVG Layer on top of a gradient to achieve a changing gradient effect.

It works perfectly fine in Chrome, and in Safari on my mobile, but in Safari web browser the text layer completely disappears… leaving just the gradient

Can someone confirm this is how it looks for them in safari, too?
p.s. Please let me know what Safari version you have. (mine is Safari Version 14.1.2)

Here’s the website: madtest03.webflow.io

Here’s the read-only link: Webflow - MADtest03

Thank you!



Here is my site Read-Only: LINK
(how to share your site Read-Only link)

hi @soulmonsta_art all good on my site. Safari.15.6.1

thank you so much for the full length screen cast! (also – wow how big is your screen?
:open_mouth:)

oopsie though… the black text overlay is supposed to be 100vw, so that the gradient only shows within the letters – can you please check again now?

hi @soulmonsta_art all good now. My main screen is Apple 27"

1 Like