Streaming live at 10am (PST)

Playing with 3D Transforms for Navigation


#1

Hi All,

Just playing around the new 3D Transforms, it's pretty amazing, well done Webflow team.
This example is a little over the top but proof of concept is there...

Hope you all like.

http://aarons-3d-testing-environment.webflow.io/

Aaron.


#2

I'm loving it! Nice job @Aaron :smiley:
Great utilization of the skew effect as well! I played around with 3D last night as well, it's so much fun! :smiley:

Excited to see what you create in the future. :smiley:

Waldo


#3

Thanks very much @Waldo!


#4

Thats awesome, love it =)


#5

Ohhhh that is so cool! :+1:


#6

beautiful! I love how everyone is just going nuts with 3D transforms!


#7

Cool @Aaron
WOW we can do so many more awesome stuff now in 3D :heart_eyes: !!!!


#8

Awesome! How did you do that? :open_mouth:


#9

It's not over the top, it works very well :smile: There's a lot of inspiration to take from the blog post rotating bar :smile:


#10

Hi @Bim, feel free to clone the project so you can see how it's made :smile:


#11

Hi Aaron - looks great. How do I find you to clone the site so I can experiment? :wink:


#12

Hi @GetDex go to this URL: https://webflow.com/website/aarons-3d-testing-environment

In the top righ you should see a button in purple saying "Clone"

Hope this helps.


#14

Thanks alot! It helps me to do one portfolio site) It's looks great!
http://antons-fantabulous-site-24f9ca.webflow.io/


#15

Great job I like how smooth it is!


#16

@Bim, this is great. Quick note: on Safari and Chrome, the content "snaps" after the animation, messing up the visual awesomeness you've constructed. This is because the horizontal and vertical scroll bars are showing during load, and content is coming in from off-screen during the animation. The content is overflowing outside the Background div. The scroll bars disappear after the animation completes, causing the whole page to jump a bit.

To fix, just add a property to Background that sets the overflow to hidden.


#17

Thanks for the advice)


#18

@Aaron, that menu is dope! I love it :smile:


#19

#20