Is the child perspective adjustment not available in the free version of Webflow for 3D transforms?
TL;DR
- Webflow's free plan fully supports 3D transforms via the Style panel under Transforms.
- To use child perspective, set it on the parent element under Transforms > Children Perspective and ensure child elements have 3D transforms with "Preserve 3D" enabled if needed.
Webflow does support 3D transforms in the free version, but the child perspective adjustment is not directly exposed as a visual style control.
1. 3D Transforms in Free Plans
- All Webflow users, including those on the free Starter plan, have full access to 3D transform properties like rotateX, rotateY, and translateZ.
- These can be applied via the Style panel using the Transforms section.
2. Understanding Child Perspective in Webflow
- Perspective can be applied to parent elements to influence the appearance of 3D transforms on child elements (accessible under Transforms > Children Perspective).
- This feature is available in the Style panel, and it's not limited by plan tier.
- The child perspective value (e.g., 1000px) can be controlled visually without custom code.
3. When You Might Be Missing It
If you're not seeing the setting or it's not working:
- Ensure the parent element has its Children Perspective set explicitly under the Transforms section.
- Check that the child element has a 3D transform applied. The parent perspective only affects children with 3D transforms.
- Make sure “Preserve 3D” is enabled on containers when needed (in the Transforms section) to allow 3D transforms to render in context together.
Summary
Child perspective is available and usable in Webflow’s free plan. It may be easy to overlook in the UI, but you can apply it via the Style panel under Transforms > Children Perspective, and it will affect 3D-transformed children as expected.