Streaming live at 10am (PST)

Is this effect possible to do with Webflow?


#1

Hi,
Please have a look at this website : http://robinmastromarino.com
Is the shadow effect displaying week you click on a project possible to do with Webflow or custom code?
Thank you for your help,
Best


Here is my public share link: LINK
(how to access public share link)


#2

Those are some cool effects! Though I don't think you can do this natively in Webflow. Though I might be wrong. Anybody else have any ideas of how to recreate this effect or any code that could recreate this effect? Thanks! :wink:


#3

It looks to me like the author created several different semi-transparent "smoke" panels which start out at 100%H x 100%W and grow to 300% or so while the opacity drops to 0%. Put that on top of whatever image you'd like to reveal and it should be a pretty simple effect to mimic.


#4

The smoke are png images animated with canvas and pixijis


#5

Here's a quick and dirty example.

https://preview.webflow.com/preview/smoke-effect?preview=a1e23d16a4f5fd2a6e7166ffb14b78e1


#6

Ok good job on that on dude :smiley: Thanks


#7

it looks a bit like this popular free JS https://codyhouse.co/gem/ink-transition-effect/

Demo : https://codyhouse.co/demo/ink-transition-effect/index.html


#8

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.