Rotate an Image

  • Anika F.

    (@anikaf)


    1 week, 6 days ago

    Hello, everyone. I’d like to rotate an image by 10°. This can be done without plugins. But how? I’ve found a lot of results for this search term here, but I can’t seem to find the right solution for me in all that jumble of code.

    There’s an example on the Style page: “Craft – I’m Stephanie.” I’d like to incorporate that style as well. Thanks in advance.

    Best regards, Anika

    (English by Deepl)

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • ying

    (@yingscarlett)

    1 week, 6 days ago

    Hi there,

    You can use CSS to rotate the image, something like this:

    .your-image-css-class {
         transform: rotate(6deg);
    }
    .your-image-css-class:is(:hover,:focus) {
        transform: rotate(4deg);
        transition: all 0.5s ease 0s;
    }
    Thread Starter Anika F.

    (@anikaf)

    1 week, 6 days ago

    Thank you. 🙂 I’ll give it a try. But I don’t think I’ll be able to do it exactly like in the picture.

    ying

    (@yingscarlett)

    1 week, 6 days ago

    You are welcome   🙂

Viewing 3 replies - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.