{"id":302,"date":"2023-08-12T10:06:00","date_gmt":"2023-08-12T07:06:00","guid":{"rendered":"https:\/\/elementor.com\/help\/?p=302"},"modified":"2026-09-25T14:14:40","modified_gmt":"2026-09-25T11:14:40","slug":"scrolling-effects-rotate","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/scrolling-effects-rotate\/","title":{"rendered":"Scrolling Effects \u2013 Rotate"},"content":{"rendered":"\n\n

To add a dynamic rotate scrolling effect to any Elementor element, such as an image widget, configure its motion effects in the Elementor Editor. This allows the element to spin left or right as users scroll your page, with customizable direction, speed, and viewport settings.<\/p>\n\n\n\n

\"Scrolling<\/figure>\n\n\n\n

How to Apply Rotate Scrolling Effects in Elementor?<\/h2>\n\n\n\n

Follow these steps to apply a rotate scrolling effect to an Elementor element, using an image widget as an example:<\/p>\n\n\n\n

  1. In the Elementor Editor, locate and Edit<\/strong> the image widget<\/strong> where you want to apply the motion effect. The Edit Image<\/strong> panel will open on the left.<\/p><\/li>

  2. Navigate to Advanced<\/strong> > Motion Effects<\/strong>.<\/p><\/li>

  3. Toggle the Scrolling Effects<\/strong> option to ON<\/strong>.<\/p><\/li>

  4. For the Rotate<\/strong> effect, click the edit icon<\/strong>.<\/p><\/li><\/ol>\n\n\n\n

    \"Scrolling<\/figure>\n\n\n\n

    1. Configure the following settings for the Rotate<\/strong> effect:<\/p>

      • Direction<\/strong>: Choose to rotate the element To Left<\/strong> or To Right<\/strong>.<\/p><\/li>

      • Speed<\/strong>: Adjust the rotation speed using a slider from 0 to<\/p><\/li><\/ul><\/li>

      • <\/p><\/li><\/ol>\n\n\n\n

        • Viewport<\/strong>: Define the scroll range (based on viewport height) during which the effect will be active. For instance, setting the viewport between 50% and 100% means the effect begins after scrolling past half of the visible screen height.<\/p><\/li>

        • Apply Effects On<\/strong>: Select the devices where the motion effect should be active: Desktop<\/strong>, Tablet<\/strong>, and\/or Mobile<\/strong>.<\/p><\/li>

        • Effects Relative To<\/strong>:<\/p>

          • Default<\/strong>: Calculates the effect based on the user\u2019s viewport, measuring the height of the actual presented screen.<\/p><\/li>

          • Viewport<\/strong>: Calculates the effect based on the user\u2019s viewport, measuring the height of the actual presented screen.<\/p><\/li>

          • Entire Page<\/strong>: Calculates the effect relative to the total height of the entire page.<\/p><\/li><\/ul><\/li><\/ul>\n\n\n\n

            • Click Publish<\/strong> to save your changes and apply the rotate scrolling effect.<\/p><\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"

              Learn how to set any element to rotate left or right as the user scrolls<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_elementor_kustomer_id":["65a3d880a9105391c4d3e14a"],"footnotes":""},"categories":[1437],"tags":[1389,1388,1387,1390,1398,1235],"class_list":["post-302","post","type-post","status-publish","format-standard","hentry","category-widgets","tag-advanced","tag-agency","tag-essential","tag-expert","tag-legacy-essential","tag-pro"],"acf":[],"yoast_head":"\nScrolling Effects \u2013 Rotate | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about Scrolling Effects \u2013 Rotate in this article from Elementor's Knowledge Base. Get Elementor tips & more.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/help\/scrolling-effects-rotate\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Scrolling Effects \u2013 Rotate | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about Scrolling Effects \u2013 Rotate in this article from Elementor's Knowledge Base. Get Elementor tips & more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/scrolling-effects-rotate\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2023-08-12T07:06:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-25T11:14:40+00:00\" \/>\n<meta name=\"author\" content=\"asafr\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"asafr\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/scrolling-effects-rotate\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/scrolling-effects-rotate\\\/\"},\"author\":{\"name\":\"asafr\",\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/#\\\/schema\\\/person\\\/5b0293d4a088f63c38be5dedda50c8da\"},\"headline\":\"Scrolling Effects \u2013 Rotate\",\"datePublished\":\"2023-08-12T07:06:00+00:00\",\"dateModified\":\"2026-09-25T11:14:40+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/scrolling-effects-rotate\\\/\"},\"wordCount\":272,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/#organization\"},\"keywords\":[\"Advanced\",\"Agency\",\"Essential\",\"Expert\",\"Legacy Essential\",\"Pro\"],\"articleSection\":[\"Widgets\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/elementor.com\\\/help\\\/scrolling-effects-rotate\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/scrolling-effects-rotate\\\/\",\"url\":\"https:\\\/\\\/elementor.com\\\/help\\\/scrolling-effects-rotate\\\/\",\"name\":\"Scrolling Effects \u2013 Rotate | Elementor\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/#website\"},\"datePublished\":\"2023-08-12T07:06:00+00:00\",\"dateModified\":\"2026-09-25T11:14:40+00:00\",\"description\":\"Learn everything about Scrolling Effects \u2013 Rotate in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/scrolling-effects-rotate\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/elementor.com\\\/help\\\/scrolling-effects-rotate\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/scrolling-effects-rotate\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Help Center\",\"item\":\"https:\\\/\\\/elementor.com\\\/help\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Build with the Editor\",\"item\":\"https:\\\/\\\/elementor.com\\\/help\\\/build-with-the-editor\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Widgets\",\"item\":\"https:\\\/\\\/elementor.com\\\/help\\\/build-with-the-editor\\\/widgets\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Scrolling Effects \u2013 Rotate\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/#website\",\"url\":\"https:\\\/\\\/elementor.com\\\/help\\\/\",\"name\":\"Elementor\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/elementor.com\\\/help\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\\\/\\\/elementor.com\\\/help\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/elementor.com\\\/help\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/images.png\",\"contentUrl\":\"https:\\\/\\\/elementor.com\\\/help\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/#\\\/schema\\\/person\\\/5b0293d4a088f63c38be5dedda50c8da\",\"name\":\"asafr\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b100acf76c133e3557847510ec2e00c3dd2957cdea2fac992f98838660513c6b?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b100acf76c133e3557847510ec2e00c3dd2957cdea2fac992f98838660513c6b?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b100acf76c133e3557847510ec2e00c3dd2957cdea2fac992f98838660513c6b?s=96&d=mm&r=g\",\"caption\":\"asafr\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Scrolling Effects \u2013 Rotate | Elementor","description":"Learn everything about Scrolling Effects \u2013 Rotate in this article from Elementor's Knowledge Base. Get Elementor tips & more.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elementor.com\/help\/scrolling-effects-rotate\/","og_locale":"en_US","og_type":"article","og_title":"Scrolling Effects \u2013 Rotate | Elementor","og_description":"Learn everything about Scrolling Effects \u2013 Rotate in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/scrolling-effects-rotate\/","og_site_name":"Help","article_published_time":"2023-08-12T07:06:00+00:00","article_modified_time":"2026-09-25T11:14:40+00:00","author":"asafr","twitter_card":"summary_large_image","twitter_misc":{"Written by":"asafr","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/scrolling-effects-rotate\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/scrolling-effects-rotate\/"},"author":{"name":"asafr","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/5b0293d4a088f63c38be5dedda50c8da"},"headline":"Scrolling Effects \u2013 Rotate","datePublished":"2023-08-12T07:06:00+00:00","dateModified":"2026-09-25T11:14:40+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/scrolling-effects-rotate\/"},"wordCount":272,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"keywords":["Advanced","Agency","Essential","Expert","Legacy Essential","Pro"],"articleSection":["Widgets"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/help\/scrolling-effects-rotate\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/scrolling-effects-rotate\/","url":"https:\/\/elementor.com\/help\/scrolling-effects-rotate\/","name":"Scrolling Effects \u2013 Rotate | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/#website"},"datePublished":"2023-08-12T07:06:00+00:00","dateModified":"2026-09-25T11:14:40+00:00","description":"Learn everything about Scrolling Effects \u2013 Rotate in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/scrolling-effects-rotate\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/scrolling-effects-rotate\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/scrolling-effects-rotate\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Help Center","item":"https:\/\/elementor.com\/help\/"},{"@type":"ListItem","position":2,"name":"Build with the Editor","item":"https:\/\/elementor.com\/help\/build-with-the-editor\/"},{"@type":"ListItem","position":3,"name":"Widgets","item":"https:\/\/elementor.com\/help\/build-with-the-editor\/widgets\/"},{"@type":"ListItem","position":4,"name":"Scrolling Effects \u2013 Rotate"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/help\/#website","url":"https:\/\/elementor.com\/help\/","name":"Elementor","description":"","publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/help\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/help\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/help\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/5b0293d4a088f63c38be5dedda50c8da","name":"asafr","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/b100acf76c133e3557847510ec2e00c3dd2957cdea2fac992f98838660513c6b?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/b100acf76c133e3557847510ec2e00c3dd2957cdea2fac992f98838660513c6b?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b100acf76c133e3557847510ec2e00c3dd2957cdea2fac992f98838660513c6b?s=96&d=mm&r=g","caption":"asafr"}}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/302","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/comments?post=302"}],"version-history":[{"count":2,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/302\/revisions"}],"predecessor-version":[{"id":171159,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/302\/revisions\/171159"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media?parent=302"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/categories?post=302"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/tags?post=302"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}