All updates

Feature

Interactions

3D transforms and animations

Add a whole new dimension to your website designs with the first tool that lets you create 3D CSS transforms — without writing code.

3D transforms and animations

New feature: 3D transforms

Since 3D transforms were introduced to the web, they've been a bit of a pain to work with. Aside from the fact that the code can get quite complex, 3D transforms are tough because you often have to work "in the dark" on the code before you can preview the finished product — which leads to a slow and painful workflow. But now, with Webflow 3D transforms, you can avoid these issues by creating these interactions visually, without looking at any code. Which makes it easy to create some sweet looking interactions:

Transform all the things!

Coupled with interactions, you can create some pretty amazing effects:

Some pretty neat hover 3D transforms in action.

To get started with 3D transforms, check out our help center below. Or, to get inspired, check out the examples on our landing page.


Launched on
December 14, 2015
Category
Interactions

Related updates

Webflow makes GSAP 100% free

Webflow makes GSAP 100% free

Learn more
Clean up unused interactions

Clean up unused interactions

Learn more
Custom easing curves for interactions

Custom easing curves for interactions

Learn more
Apply CSS filters in interactions

Apply CSS filters in interactions

Learn more

Get started for free

Try Webflow for as long as you like with our free Starter plan. Purchase a paid Site plan to publish, host, and unlock additional features.

Get started — it’s free
Watch demo

Try Webflow for as long as you like with our free Starter plan. Purchase a paid Site plan to publish, host, and unlock additional features.