3D Transforms are here!

This does look great, really really great. Well done.


I cannot imagine using it without becoming so frustrated that I will want to throw my keyboard out of the window, as every time I want to make a 3d self assembling cube I WILL HAVE TO START FROM SCRATCH!


Please, please, please, please give us the ability to copy assets from one project to another.
It is such a major shortcoming!!!
Since we started using desktop computers Cmd/Ctrl C/V etc has been a standard feature, why in 2015 are we still not able to do this with assets, widgets, css, 3d transforms, interactions - whatever you want to call them.

In the past when this issue has cropped up the team at Webflow has said that the CSS would become a mess, impractical etc etc.
If that’s the case have a staging post where all unnecessary CSS gets stripped out and then when an asset is pasted into a different project add a prefix for the import such as imp-xxx so we the users can see that it is an imported style. Surely this is not beyond the capability of you very, very, very clever guys at WebFlow.

Come on - give us some feedback and pay real attention to this. :stuck_out_tongue_winking_eye:

1 Like

This is incredible!! Literally added a whole new dimension to what I can do! The Webflow team rocks!

Maybe some in-depth tutorials Under the Courses? That would be the cherry on top! :grinning:


Cmooon, be a creative designer, not a copy/paste machine :wink:
BTW, I don’t think you need 3D cube on so many sites :stuck_out_tongue_winking_eye:

Oops… should have looked first! Haha! you guys are on the ball!

There is video tutorials in every section which show you how to create particular effect http://3d-transforms.webflow.com/

1 Like

Hey @PixelAce,

It’s fun to learn! Sure it’s hard to make a cube now but in two days you’ll be pro at it :smiley::smiley::smiley:. The issue with transferable assets is I think that they are very technically challenging as well as finding a way to fit it into the UX. The issue with copying assets from your perspective is that you’re cheating yourself from learning so that when you want to change things or make different effects you can’t. It’s really worth putting in the initial effort to learn it. @PixelGeek and @Mat are giving a webinar on 3D transforms today at 10AM PST which will be super helpful for getting to grips with it and getting answers to any questions you might have!


This is the most awesome update since the last awesome update!!! :smiley::smiley::smiley::tada::tada::tada:


I want to free my time to be creative instead of having to recreate from scratch so that I can get a head start when I want to tweak or adapt my previous creations.
It’s all about efficiency to free up my creative time. :stuck_out_tongue_closed_eyes:

OK I’ll settle for a 3d dodecahedron instead of a cube :stuck_out_tongue_winking_eye:

2 posts were merged into an existing topic: Special Webcast for New Webflow features! Tuesday December 15th @ 10am PST

Haha I’m sure the team will release that kind of capability at some point in the future @PixelAce :slight_smile: for now we just need to go have fun and learn this new dimension of awesomeness. :smiley:

The Webflow Team has literally given us a new dimension to work within, and we can do it all visually. They’re basically time-lords haha. You guys are INCREDIBLE! :smiley:

And @ilikewebdesign they record all of their workshops and they’re available here: https://webflow.com/workshops and on their YouTube channel.

I Love You all Webflow team :smiley:
:purple_heart: Waldo


You are all missing the point, it’s not the 3d transforms per see.
It’s everything that can be created in WebFlow. I know how to create a good looking tile with a picture in the top and a great looking bit of text in the bottom with a fantastic cool looking interaction when moused over - and now with a little bit of learning I can throw in a 3d transform, fantastic.
But if I want to do it again for another site, I have to start over, and that is a waste of time…
I still do not get why it is an issue with the UX, and I am certainly not cheating myself.


@PixelAce We totally hear you, and are frustrated by this daily ourselves (we build everything with Webflow too!). Cross-site copy paste has been the “holy grail” that we’re aiming for here, and we’re making some significant underlying changes to make this possible. Believe me, this is a top priority for us, and it will really open up what’s possible with Webflow once it’s finalized! :smile:


Eureka : That really will be fantastic. I am now cartwheeling around my studio :smile: :stuck_out_tongue_closed_eyes: :stuck_out_tongue: :stuck_out_tongue_winking_eye:


Does this mean there is an option for scrolling parallax effect now?

Yes! Yummy stuff! :smiley:

We don’t have any dedicated UI for this, but you should be able to achieve the following without custom code now:

1 Like

Is it only me who has a very hard time trying to get the right perspective look to my screenshots? Do I have to use .svg files?

Bad news is that now I have to redo all my websites to make use of this amazing feature… :yum:


Can someone post an updated browser/device compatibility list for these CSS 3D transforms? Caniuse.com (http://caniuse.com/#search=3d) says IE, for example, has partial support:

Partial support in IE refers to not supporting the transform-style: preserve-3d property. This prevents nesting 3D transformed elements.

Edit: Also, what’s the fallback protocol for objects that have 3D transforms applied when part or all of the function isn’t compatible on a given browser/device?

Fantastic, 3D has arrived! Thanks Webflow!!!


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