{"id":193,"date":"2023-08-15T10:06:22","date_gmt":"2023-08-15T07:06:22","guid":{"rendered":"https:\/\/elementor.com\/help\/?p=193"},"modified":"2024-01-14T14:12:59","modified_gmt":"2024-01-14T12:12:59","slug":"mouse-effects-mouse-track","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/mouse-effects-mouse-track\/","title":{"rendered":"Mouse Effects &#8211; Mouse Track"},"content":{"rendered":"\n<p>Set an element to move in relation to the visitor\u2019s mouse movement.<\/p>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"How to Create a Popup With a Mouse Track Effect in Elementor\" width=\"800\" height=\"450\" src=\"https:\/\/www.youtube.com\/embed\/RK-Cab4Hhcs?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<hr class=\"wp-block-separator\" \/>\n\n\n\n<h3 class=\"wp-block-heading\">Advanced or Style &gt; Background<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">Motion Effects<\/h4>\n\n\n\n<ol class=\"wp-block-list\"><li><strong>Mouse Effects<\/strong>: Slide to ON<\/li><li><strong>Mouse Track<\/strong>: Click pencil edit icon<br><span style=\"padding-left: 10px\"><strong>Direction<\/strong>: Choose from Opposite or Direct. Opposite will move the element in the opposite direction of the mouse movement. Direct will move the element in the same direction as the mouse movement.<\/span><br><span style=\"padding-left: 45px\"><strong>Speed<\/strong>: Set the speed from 0 to 10<\/span><\/li><li><strong>Apply Effects On<\/strong>: Select to apply the motion effects on Desktop, Tablet, and\/or Mobile devices.<\/li><li><strong>Effects Relative To<\/strong>: Choose from Default, Viewport, or Entire Page<\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/file-ymVv4qy7BN.png\" alt=\"\" class=\"wp-image-1624\" width=\"270\" height=\"300\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/file-ymVv4qy7BN.png 540w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/file-ymVv4qy7BN-270x300.png 270w\" sizes=\"(max-width: 270px) 100vw, 270px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator\" \/>\n\n\n\n<p class=\"callout-yellow\"><strong>Note<\/strong>: In Safari, if you are not seeing mouse effects, or you are experiencing the problem of elements disappearing in Safari, this is due to an old jQuery version being used by WordPress. In some cases, viewing Mouse Track effects via Safari might cause a jQuery error which will cause elements to disappear, such as missing carousel arrows, for example. If this happens, you may also see an error which references &#8220;maximum call stack size exceeded&#8221;. To resolve the issue, either remove entrance animations from widgets with motion effects and\/or remove mouse effects from areas that have both scrolling and mouse effects simultaneously activated.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Learn how to set an element to move in relation to the user&#8217;s mouse movement<\/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":["65a3cfcc1f2748e55f90ab03"],"footnotes":""},"categories":[1440],"tags":[1389,1388,1387,1390,1398,1235],"class_list":["post-193","post","type-post","status-publish","format-standard","hentry","category-advanced-functionality","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>Mouse Effects - Mouse Track | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about Mouse Effects - Mouse Track 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\/mouse-effects-mouse-track\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mouse Effects - Mouse Track | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about Mouse Effects - Mouse Track in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/mouse-effects-mouse-track\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2023-08-15T07:06:22+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-01-14T12:12:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/file-ymVv4qy7BN.png\" \/>\n\t<meta property=\"og:image:width\" content=\"540\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\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=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/help\/mouse-effects-mouse-track\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/mouse-effects-mouse-track\/\"},\"author\":{\"name\":\"Alan Kaler\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430\"},\"headline\":\"Mouse Effects &#8211; Mouse Track\",\"datePublished\":\"2023-08-15T07:06:22+00:00\",\"dateModified\":\"2024-01-14T12:12:59+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/mouse-effects-mouse-track\/\"},\"wordCount\":213,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/mouse-effects-mouse-track\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/file-ymVv4qy7BN.png\",\"keywords\":[\"Advanced\",\"Agency\",\"Essential\",\"Expert\",\"Legacy Essential\",\"Pro\"],\"articleSection\":[\"Advanced functionality\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/elementor.com\/help\/mouse-effects-mouse-track\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/mouse-effects-mouse-track\/\",\"url\":\"https:\/\/elementor.com\/help\/mouse-effects-mouse-track\/\",\"name\":\"Mouse Effects - Mouse Track | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/mouse-effects-mouse-track\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/mouse-effects-mouse-track\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/file-ymVv4qy7BN.png\",\"datePublished\":\"2023-08-15T07:06:22+00:00\",\"dateModified\":\"2024-01-14T12:12:59+00:00\",\"description\":\"Learn everything about Mouse Effects - Mouse Track in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/mouse-effects-mouse-track\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/mouse-effects-mouse-track\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/mouse-effects-mouse-track\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/file-ymVv4qy7BN.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/file-ymVv4qy7BN.png\",\"width\":540,\"height\":600},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/mouse-effects-mouse-track\/#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\":\"Advanced functionality\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/widgets\/advanced-functionality\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"Mouse Effects &#8211; Mouse Track\"}]},{\"@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":"Mouse Effects - Mouse Track | Elementor","description":"Learn everything about Mouse Effects - Mouse Track 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\/mouse-effects-mouse-track\/","og_locale":"en_US","og_type":"article","og_title":"Mouse Effects - Mouse Track | Elementor","og_description":"Learn everything about Mouse Effects - Mouse Track in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/mouse-effects-mouse-track\/","og_site_name":"Help","article_published_time":"2023-08-15T07:06:22+00:00","article_modified_time":"2024-01-14T12:12:59+00:00","og_image":[{"width":540,"height":600,"url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/file-ymVv4qy7BN.png","type":"image\/png"}],"author":"Alan Kaler","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Alan Kaler","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/mouse-effects-mouse-track\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/mouse-effects-mouse-track\/"},"author":{"name":"Alan Kaler","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430"},"headline":"Mouse Effects &#8211; Mouse Track","datePublished":"2023-08-15T07:06:22+00:00","dateModified":"2024-01-14T12:12:59+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/mouse-effects-mouse-track\/"},"wordCount":213,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/mouse-effects-mouse-track\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/file-ymVv4qy7BN.png","keywords":["Advanced","Agency","Essential","Expert","Legacy Essential","Pro"],"articleSection":["Advanced functionality"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/help\/mouse-effects-mouse-track\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/mouse-effects-mouse-track\/","url":"https:\/\/elementor.com\/help\/mouse-effects-mouse-track\/","name":"Mouse Effects - Mouse Track | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/mouse-effects-mouse-track\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/mouse-effects-mouse-track\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/file-ymVv4qy7BN.png","datePublished":"2023-08-15T07:06:22+00:00","dateModified":"2024-01-14T12:12:59+00:00","description":"Learn everything about Mouse Effects - Mouse Track in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/mouse-effects-mouse-track\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/mouse-effects-mouse-track\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/mouse-effects-mouse-track\/#primaryimage","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/file-ymVv4qy7BN.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/file-ymVv4qy7BN.png","width":540,"height":600},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/mouse-effects-mouse-track\/#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":"Advanced functionality","item":"https:\/\/elementor.com\/help\/elementor-editor\/widgets\/advanced-functionality\/"},{"@type":"ListItem","position":5,"name":"Mouse Effects &#8211; Mouse Track"}]},{"@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\/193","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=193"}],"version-history":[{"count":2,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/193\/revisions"}],"predecessor-version":[{"id":43244,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/193\/revisions\/43244"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media?parent=193"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/categories?post=193"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/tags?post=193"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}