Workshop idea: spinning a bank note (bankofcanada.ca)

Community resources Webflow events
1

Full disclosure I didn’t know where else to post this…
I watch the weekly tutorial videos by @PixelGeek though.

Bank of Canada’s site for their new $10 bill has a very fun and spinny interaction for the bill.

At first glance, easy enough to replicate the mouse hover and spin using two div with the backface of each invisible.

The other tricks though would be to warp the edges and even bigger trick to make the “gold seals” shine…

What!!!?

2

wow! great example :slight_smile:

after looking into this I see that they are using WebGL:
CloudApp

This is not possible in Webflow. I could demonstrate something like this, but this video would be better to learn from:

Hope this helps :slight_smile:

1 Like
4

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