# How To Rotate Image In Webflow

> To rotate an image in Webflow, navigate to your project editor and select the image. Open the Style tab on the right sidebar, add a transform property under 2D & 3D transforms, and select Rotate. Finally, enter a value or use the slider to set the rotation in degrees across the three axes.

Canonical: https://livedemo.ai/tutorials/how-to-rotate-image-in-webflow/
Apps: Webflow
Updated: 2026-10-05
Interactive demo: https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a4ca8ab56e05a00ff82d7/preview?step=1

## Steps

1. Navigate to your project editor in Webflow.
2. Select the image you wish to rotate by simply clicking on it.
3. On the right sidebar menu, go to the Style tab.
4. Scroll down to 2 D & 3D transforms and click on the ( + ) button to add a transform property.
5. Under type, select Rotate .
6. You will now have the option to rotate your image in three axes in degrees.
7. Enter a value or use the slider to set. For example, the Z axis rotates the image anti-clockwise so a value of 90 will make it upright.
8. And you now have a rotated image in Webflow