Streaming live at 10am (PST)

Recreate awesome interactions


#1

I`ve tried to create same interactions showed in the link below, but had no success :slight_smile:
This example looks so beautiful!
https://www.behance.net/gallery/30024827/Menu-from-the-world

Any ideas how to make divs expandable?

p.s. Sorry if I posted into wrong place

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


#2

By using scale transform I think.


#3

Yep i’d agree - looks nice

Also i’d agree with @dram

Scroll interaction affecting divs at certain points in the scroll, subtle scale transform and a little axis movement in there, do-able with IX2.

Stu


#4

Thanx guys!
@dram @StuM
definitely, all i needed was an inspiration to study interactions more and more.
%)
How do you think? Those divs (I mean text-div, img-div and green color background div) are placed in deep blue container or…?


#5

Hi @Lavreus

I would have to take a deeper dive to advise! I would guess there is some z-indexing going on, and overflow too.

However there are some useful mini tutorials in this page which may help you get started: https://webflow.com/interactions-animations

Hope that helps
Stu