Awesome Interaction (Never seen before!) Any ideas?

[chynnablue]

Hi!

Anyone got any idea how to achieve the effect that’s currently on the Canva log-in page?

If you drag your mouse around the page there’s a cool spotlight, fog-on-the-window effect. Hard to describe but it looks ace!

Take a look here: https://www.canva.com/

Anyone think this could be achieved on Webflow and, if so, how?!

[mistercreate (create.something)]

Hi @chynnablue,

Oh, good question.

Damon_Daisley_Wilson was able to recreate this effect within Webflow, and his forum post can be found at the following URL:

Recreate the Canva.com Effect

One of my clients requested the same mouse movement effect as the Canva.com homepage. I was able to recreate the effect here in webflow with a slight mod to a script I found on canva.com’s own blog. http://canva-com-hero-effect.webflow.io/ I also made a version with a video in foreground - Videopic Figured I’d share it here with the community - https://preview.webflow.com/preview/canva-com-hero-effect?preview=1deb3e84249ec9d42ef0fc7cd4eee2bf

Hopefully this helps

Best regards,
Micah

[chynnablue]

Thanks for responding so fast! And with exactly what I was looking for–I’ll have a go and let you know how I get on. Thanks again!

[chynnablue]

I think I’ve cracked it, but it doesn’t seem to work in Preview mode–guess I’ll have to publish to find out?

[mistercreate (create.something)]

Oh awesome, @chynnablue!

Feel free to share it once it’s published.

I would love to check it out

[samliew (webflowexpert.com)]

@chynnablue

but it doesn’t seem to work in Preview mode–guess I’ll have to publish to find out?

All custom code does not run in the designer.