New feature: 3D transforms

Transform your website designs — without writing code.

John Moore Williams
December 8, 2015

Start adding a whole new dimension to your websites with the first tool for building CSS transforms visually. 

With the all-new Webflow Transforms, it's time to say so long to the two-dimensional world of web design, and say hello to 3D. Because today, you can build 2D and 3D transforms in Webflow. Without even looking at code.

CSS transforms have been around for a while now — but you don’t see them used much. Mostly because the code required is pretty gnarly. Plus, the workflow’s a pain, requiring tons of context switching between design tool, code editor, and browser.

But all that’s about to change. Because for the first time ever, we’re giving designers the power to create 2D and 3D transforms visually. So you get instant feedback on how your transforms are working. Instead of switching back and forth between browser and editor, you can immediately see how fast elements are animating, how much perspective is just right, and more.

Plus, transforms work beautifully with interactions, empowering you to add all new dimensions to every web experience you design.

What’s that mean for you? Well, now you can build stuff like this:

And this:

And even combine transforms with interactions to create interactive 3D objects, like this:

And this:

All without relying on images, Flash, or any of those other hacky techniques of yore.

How, you ask? Well, our own Mat Vogels is here to explain:


Want to see more? 

Check out a few 3D transforms built in Webflow. Or, just start building CSS transforms with Webflow. Right now.

John Moore Williams

Head of Content Strategy at Webflow. Nice to meet ya. Follow me @JohnAMWill.

You might also like...


Join the conversation

What's Webflow?

Try it for free


Bring your wildest web designs — and client sites — to life, without writing code.


Build completely custom content structures for client sites and prototypes.


World-class web hosting at your fingertips, without all the usual hassles.