Streaming live at 10am (PST)

Webflow Workshop #127: Breaking down the new Webflow homepage


#1

Join us live on Tuesday, August 28th at 10am (pacific)
[ Save your spot ]

There is so much to learn from the incredible new webflow.com. In this workshop, we’ll break down the new homepage and show you how to create some of the interactions and animations that are used.


Webflow new main page interactions
Animations as new Webflow site
#2

#3

a little preview as to what we’ll be building tomorrow


#4

#5

#6

#7

go ahead and clone today’s project here: https://webflow.com/website/workshop-homepage-practice

Have fun and enjoy :smiley:


#8

hi @PixelGeek how do i access the training? it asks for a password. thanks


#9

Try webflow :slight_smile:


#10

Thanks but I needed the instructional. I think I found it on YouTube.


#11

Hi @PixelGeek, Thanks for showing the basics of how stickies work!

Now that I have the sticky object working on my site, I’d like to know how the screen scroll of the sticky object works. How can I make the screens of my sticky object scroll with the page as it does on the webflow home page?

Thanks


#12

this project may help you more:

:slight_smile:


#13

@PixelGeek Thanks for the quick reply, but I already have the sticky object working. I’m more interested in getting the screens superimposed over the sticky object to scroll with the screen. For example when scrolling down webflows home page you see the object stick but you also see the interface change based on scroll position. Is there a better example of this?

I’m working on showing an apple watch and having its face change based on the scroll position.

Thanks!