How To Rotate Image In Webflow



Guide

  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 2D & 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

🚀

Create your first interactive demo in minutes

No credit card required • Start building today

Start free

    This website uses cookies to enhance the user experience.

    AcceptDecline