{"id":123,"date":"2023-08-01T11:01:24","date_gmt":"2023-08-01T08:01:24","guid":{"rendered":"https:\/\/elementor.com\/help\/?p=123"},"modified":"2025-09-02T11:51:47","modified_gmt":"2025-09-02T08:51:47","slug":"motion-effects","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/motion-effects\/","title":{"rendered":"Motion effects"},"content":{"rendered":"\n<p>Motion Effects are a powerful set of controls for adding beautiful transitions and animations to your design.<\/p>\n\n\n\n<p>Elementor Pro allows creating parallax, animations and other Motion Effects from the Elementor editor.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Motion Effects browser compatibility<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th class=\"has-text-align-center\" data-align=\"center\">Chrome<\/th><th class=\"has-text-align-center\" data-align=\"center\">Firefox<\/th><th class=\"has-text-align-center\" data-align=\"center\">Safari<\/th><th class=\"has-text-align-center\" data-align=\"center\">Opera<\/th><th class=\"has-text-align-center\" data-align=\"center\">Edge<\/th><th class=\"has-text-align-center\" data-align=\"center\">Internet Explorer<\/th><\/tr><\/thead><tbody><tr><td class=\"has-text-align-center\" data-align=\"center\">Supported<\/td><td class=\"has-text-align-center\" data-align=\"center\">Supported<\/td><td class=\"has-text-align-center\" data-align=\"center\">Supported<\/td><td class=\"has-text-align-center\" data-align=\"center\">Supported<\/td><td class=\"has-text-align-center\" data-align=\"center\">Supported (laggy response)<\/td><td class=\"has-text-align-center\" data-align=\"center\">Not Supported<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p><strong>Follow these steps to create Motion Effects<\/strong>:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Login to WP admin.<\/li>\n\n\n\n<li>Edit the image where you want to apply motion effect. The <strong>Edit Image<\/strong> panel shows on the left. For information on creating and editing images, see <a href=\"https:\/\/elementor.com\/help\/using-elementor-ai-to-add-images-to-your-page\/\">Add Images<\/a>.<\/li>\n\n\n\n<li>Click <strong>Advance &gt; Motion Effects<\/strong>.<br><img fetchpriority=\"high\" decoding=\"async\" width=\"392\" height=\"550\" class=\"wp-image-48750\" style=\"width: 350px\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/04\/Motion-effects-9.png\" alt=\"Motion effects 9\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/04\/Motion-effects-9.png 392w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/04\/Motion-effects-9-214x300.png 214w\" sizes=\"(max-width: 392px) 100vw, 392px\" \/><\/li>\n\n\n\n<li>You can set the following:\n<ul class=\"wp-block-list\">\n<li><strong>Scrolling Effects<\/strong><\/li>\n\n\n\n<li><strong>Mouse Effects<\/strong><\/li>\n\n\n\n<li><strong>Sticky <\/strong>(For details, see <a href=\"https:\/\/elementor.com\/help\/sticky-headers\/\">Create A Sticky Header<\/a>)<\/li>\n\n\n\n<li><strong>Entrance Animation <\/strong>&#8211; Choose the desired animation. This animates widgets, containers, sections, and columns. Animated items gradually transition into the page in an animated sequence once the user scrolls to them.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Click <strong>Publish<\/strong>.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Scrolling Effects<\/h2>\n\n\n\n<p>Use <strong>Scrolling Effects<\/strong> to create amazing animations and interactions when the user scrolls through the page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"384\" height=\"655\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/04\/Motion-effects-1.png\" alt=\"Motion effects 1\" class=\"wp-image-48751\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/04\/Motion-effects-1.png 384w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/04\/Motion-effects-1-176x300.png 176w\" sizes=\"(max-width: 384px) 100vw, 384px\" \/><\/figure>\n\n\n\n<p>Here\u2019s a list of the scrolling effects:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Scrolling effects<\/th><th>Description<\/th><th>Example<\/th><\/tr><\/thead><tbody><tr><td>Vertical Scroll<\/td><td>Makes the element move at a different speed than the page while scrolling, in the direction and speed of your choosing.<\/td><td>Parallax effect.<br><img decoding=\"async\" width=\"600\" height=\"338\" class=\"wp-image-48752\" style=\"width: 300px\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/04\/Motion-effects-10.gif\" alt=\"Motion effects 10\"><\/td><\/tr><tr><td>Horizontal Scroll<\/td><td>When the visitor scrolls up and down, the element moves right and left accordingly.<\/td><td>A section with clouds that moves to the right when the visitor scrolls down.<br><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"338\" class=\"wp-image-48753\" style=\"width: 300px\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/04\/Motion-effects-8.gif\" alt=\"Motion effects 8\"><\/td><\/tr><tr><td>Transparency<\/td><td>Gradually makes elements more transparent or more visible in correlation to the visitor\u2019s scroll.<\/td><td>Titles appear and then dissolve in accordance with the scroll.<br><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"338\" class=\"wp-image-48754\" style=\"width: 300px\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/04\/Motion-effects-7.gif\" alt=\"Motion effects 7\"><\/td><\/tr><tr><td>Blur<\/td><td>This setting is similar to Transparency.<br>Here, instead of going transparent the element gets blurred.<\/td><td>Background images get proper focus when the user scrolls down.<br><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"189\" class=\"wp-image-152144\" style=\"width: 300px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/Blur-motion-effect.gif\" alt=\"\"><\/td><\/tr><tr><td>Rotate<\/td><td>The element rotates as you scroll.<\/td><td>See the rotation of the stars.<br><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"338\" class=\"wp-image-48756\" style=\"width: 300px\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/04\/Motion-effects-11.gif\" alt=\"Motion effects 11\"><\/td><\/tr><tr><td>Scale<\/td><td>The elements grow and shrink according to scroll.<\/td><td>A background that grows while scrolling.<br><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"201\" class=\"wp-image-152151\" style=\"width: 300px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/Paris-scale.gif\" alt=\"\"><\/td><\/tr><tr><td>X Anchor Point<br>Y Anchor Point<\/td><td>Determine the axis around which the element scales or rotates.<br>\u2022 If you set orientation left-top, the rotation will happen around the left-top point of the element.<br>\u2022 If you set orientation center-center, the rotation will rotate around its center, like a wheel.<br><br>This setting is relevant only to the following motions:<br>\u2022 Rotate<br>\u2022 Scale<\/td><td>NA<\/td><\/tr><tr><td>Apply Effects On<\/td><td>Choose where you want to apply the effects on &#8211;&nbsp;Desktop, Tablet or Mobile.<\/td><td>NA<\/td><\/tr><tr><td>Effects Relative To<\/td><td>Determines the base for the calculation of scrolling effects and works with the Viewport scale set inside each effect.<\/td><td><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Mouse Effects<\/h2>\n\n\n<p>[callout type=&#8221;note&#8221;]Mouse effects will only affect desktop devices.[\/callout]<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"348\" height=\"150\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/04\/Motion-effects-6.png\" alt=\"Motion effects 6\" class=\"wp-image-48761\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/04\/Motion-effects-6.png 348w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/04\/Motion-effects-6-300x129.png 300w\" sizes=\"(max-width: 348px) 100vw, 348px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Mouse effects<\/th><th>Description<\/th><th>Example<\/th><\/tr><\/thead><tbody><tr><td>Mouse Track<\/td><td>Create a sense of depth by making elements move in relation to the visitor\u2019s mouse movement.<\/td><td>Stars move with mouse movement.<br><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"338\" class=\"wp-image-48762\" style=\"width: 300px\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/04\/Motion-effects-4.gif\" alt=\"Motion effects 4\"><\/td><\/tr><tr><td>3D Tilt<\/td><td>Tilts the element according to the movement of the cursor.<\/td><td>Image titles in the direction of cursor movement.<br><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"338\" class=\"wp-image-48763\" style=\"width: 300px\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/04\/Motion-effects-3.gif\" alt=\"Motion effects 3\"><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Exceptions<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Reduced motion property<\/h3>\n\n\n\n<p>Elementor respects the \u201creduced motion property\u201d preference that a user may set. If a user has set any of the following, then motion effects is disabled for that user:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Mac: \u201cSystem Preferences &gt; Accessibility &gt; Display\u201d and check\/un-check the box for \u201cReduce motion\u201d<\/li>\n\n\n\n<li>iOS: \u201cSettings &gt; General &gt; Accessibility\u201d and turn on\/off \u201cReduce Motion\u201d<\/li>\n\n\n\n<li>Windows 10: \u201cSettings &gt; Ease of Access &gt; Display &gt; Simplify and personalise Windows\u201d<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">jQuery and element animations<\/h3>\n\n\n\n<p>You might encounter animation or element display issues in Safari due to an outdated jQuery version used by WordPress.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Viewing &#8220;Mouse Track&#8221; effects in Safari can sometimes trigger a jQuery error.<\/li>\n\n\n\n<li>This error can cause elements to disappear, like missing carousel arrows.<\/li>\n\n\n\n<li>You may also see a &#8220;maximum call stack size exceeded&#8221; error message.<\/li>\n<\/ul>\n\n\n\n<p>Following are the options to resolve this issue:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Disable entrance animations for widgets with motion effects.<\/li>\n\n\n\n<li>Remove mouse effects from areas that combine scrolling and mouse effects.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Add motion effects, including scrolling and mouse effects, to your site<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_elementor_kustomer_id":["65a3e6531f2748409c912ed0"],"footnotes":""},"categories":[1438],"tags":[1389,1388,1387,1390,1398,1235],"class_list":["post-123","post","type-post","status-publish","format-standard","hentry","category-manage-your-widgets","tag-advanced","tag-agency","tag-essential","tag-expert","tag-legacy-essential","tag-pro"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Motion effects | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about Motion effects in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; 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\/motion-effects\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Motion effects | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about Motion effects in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/motion-effects\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2023-08-01T08:01:24+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-02T08:51:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/04\/Motion-effects-9.png\" \/>\n\t<meta property=\"og:image:width\" content=\"392\" \/>\n\t<meta property=\"og:image:height\" content=\"550\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Alan Kaler\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Alan Kaler\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/help\/motion-effects\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/motion-effects\/\"},\"author\":{\"name\":\"Alan Kaler\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430\"},\"headline\":\"Motion effects\",\"datePublished\":\"2023-08-01T08:01:24+00:00\",\"dateModified\":\"2025-09-02T08:51:47+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/motion-effects\/\"},\"wordCount\":630,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/motion-effects\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/04\/Motion-effects-9.png\",\"keywords\":[\"Advanced\",\"Agency\",\"Essential\",\"Expert\",\"Legacy Essential\",\"Pro\"],\"articleSection\":[\"Manage your widgets\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/elementor.com\/help\/motion-effects\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/motion-effects\/\",\"url\":\"https:\/\/elementor.com\/help\/motion-effects\/\",\"name\":\"Motion effects | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/motion-effects\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/motion-effects\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/04\/Motion-effects-9.png\",\"datePublished\":\"2023-08-01T08:01:24+00:00\",\"dateModified\":\"2025-09-02T08:51:47+00:00\",\"description\":\"Learn everything about Motion effects in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/motion-effects\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/motion-effects\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/motion-effects\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/04\/Motion-effects-9.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/04\/Motion-effects-9.png\",\"width\":392,\"height\":550,\"caption\":\"Motion effects 9\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/motion-effects\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Help Center\",\"item\":\"https:\/\/elementor.com\/help\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elementor Editor\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Widgets\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/widgets\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Manage your widgets\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/widgets\/manage-your-widgets\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"Motion effects\"}]},{\"@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\/ebf805be1a1abdd587d4b97e3328f430\",\"name\":\"Alan Kaler\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g\",\"caption\":\"Alan Kaler\"},\"description\":\"Alan Kaler is an expert Elementorist at Elementor and a WordPress Magician who thinks that the three most beautiful words in our language are: I told you\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Motion effects | Elementor","description":"Learn everything about Motion effects 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\/motion-effects\/","og_locale":"en_US","og_type":"article","og_title":"Motion effects | Elementor","og_description":"Learn everything about Motion effects in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/motion-effects\/","og_site_name":"Help","article_published_time":"2023-08-01T08:01:24+00:00","article_modified_time":"2025-09-02T08:51:47+00:00","og_image":[{"width":392,"height":550,"url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/04\/Motion-effects-9.png","type":"image\/png"}],"author":"Alan Kaler","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Alan Kaler","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/motion-effects\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/motion-effects\/"},"author":{"name":"Alan Kaler","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430"},"headline":"Motion effects","datePublished":"2023-08-01T08:01:24+00:00","dateModified":"2025-09-02T08:51:47+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/motion-effects\/"},"wordCount":630,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/motion-effects\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/04\/Motion-effects-9.png","keywords":["Advanced","Agency","Essential","Expert","Legacy Essential","Pro"],"articleSection":["Manage your widgets"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/help\/motion-effects\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/motion-effects\/","url":"https:\/\/elementor.com\/help\/motion-effects\/","name":"Motion effects | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/motion-effects\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/motion-effects\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/04\/Motion-effects-9.png","datePublished":"2023-08-01T08:01:24+00:00","dateModified":"2025-09-02T08:51:47+00:00","description":"Learn everything about Motion effects in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/motion-effects\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/motion-effects\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/motion-effects\/#primaryimage","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/04\/Motion-effects-9.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/04\/Motion-effects-9.png","width":392,"height":550,"caption":"Motion effects 9"},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/motion-effects\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Help Center","item":"https:\/\/elementor.com\/help\/"},{"@type":"ListItem","position":2,"name":"Elementor Editor","item":"https:\/\/elementor.com\/help\/elementor-editor\/"},{"@type":"ListItem","position":3,"name":"Widgets","item":"https:\/\/elementor.com\/help\/elementor-editor\/widgets\/"},{"@type":"ListItem","position":4,"name":"Manage your widgets","item":"https:\/\/elementor.com\/help\/elementor-editor\/widgets\/manage-your-widgets\/"},{"@type":"ListItem","position":5,"name":"Motion effects"}]},{"@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\/ebf805be1a1abdd587d4b97e3328f430","name":"Alan Kaler","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g","caption":"Alan Kaler"},"description":"Alan Kaler is an expert Elementorist at Elementor and a WordPress Magician who thinks that the three most beautiful words in our language are: I told you"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/123","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\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/comments?post=123"}],"version-history":[{"count":5,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/123\/revisions"}],"predecessor-version":[{"id":152158,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/123\/revisions\/152158"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media?parent=123"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/categories?post=123"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/tags?post=123"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}