{"id":88696,"date":"2022-08-06T23:26:50","date_gmt":"2022-08-06T21:26:50","guid":{"rendered":"https:\/\/rmarketingdigital.com\/elementor\/efectos-de-desplazamiento-desenfoque\/"},"modified":"2020-09-19T15:03:20","modified_gmt":"2020-09-19T18:03:20","slug":"efectos-de-desplazamiento-desenfoque","status":"publish","type":"post","link":"https:\/\/rmarketingdigital.com\/en\/elementor\/efectos-de-desplazamiento-desenfoque\/","title":{"rendered":"Scroll Effects: Blur"},"content":{"rendered":"<div class=\"contentWrapper withRelated\">\n<article id=\"fullArticle\">\n<p> <strong>Blur<\/strong> allows you to gradually change elements from light to blurry in correlation with visitor movement. An example is that a background image appears and then dissolves according to the parchment.<\/p>\n<p> <img loading=\"lazy\" decoding=\"async\" alt=\"blur scale\" src=\"https:\/\/lh5.googleusercontent.com\/P5WDIaZ7k1WeEx99j39Psp8tFMs2YTPV2Jr3eIV9ZHGmVd4HGqiNKvcDroIFLxK_Ixg-ZGcPu3d4RfMsu-ErEbDluGVaBHEt_Kb5mY924jKs9aAl4V50FAj5-PjzJHKNb2e86gi6\" style=\"border: none; transform: rotate(0.00rad); -webkit-transform: rotate(0.00rad);\" width=\"600\" height=\"338\"><\/p>\n<p> <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/9VorBIxIvUD8g9gFj7kCA7pdOiVR_PQ4cRpGCzF4HKfX6hoTR1_n4vV1yiYhzhRXuZ0kStMt5n2hpU-A9DjVagbPWgtj4FQDWWyugzynIYKk86N_Y36HjNbKZprT1Ewrr_6ORydT\" style=\"border: none; transform: rotate(0.00rad); -webkit-transform: rotate(0.00rad);\" width=\"362\" height=\"591\"><\/p>\n<h3>Advanced or Style&gt; Background<\/h3>\n<h4>Motion effects<\/h4>\n<ol>\n<li><strong>Scroll Effects<\/strong>: Slide to ON<\/li>\n<li><strong>Blur<\/strong>: Click the pencil edit icon<br \/> <span style=\"padding-left: 3px;\"><strong>Direction<\/strong>: Choose one of the 4 possible directions of the effect:<\/span><br \/> <span style=\"padding-left: 60px;\"><strong>Merge<\/strong> - The element starts out blurry and gradually becomes lighter, depending on the level settings and the viewport.<\/span><br \/> <span style=\"padding-left: 60px;\"><strong>Disappear<\/strong> - The element starts out as light and gradually becomes blurry, depending on the level settings and the viewport.<\/span><br \/> <span style=\"padding-left: 60px;\"><strong>Cast in<\/strong> - The element starts out as clear, then fades and becomes blurry, then becomes clear again, based on the level and viewport settings.<\/span><br \/> <span style=\"padding-left: 60px;\"><strong>Fade In Out<\/strong> - Element starts out blurry, then becomes light, and then becomes blurry again, based on level settings and viewport<br \/> <span style=\"padding-left: 43px;\"><strong>level<\/strong>: Sets the desired maximum blur level from 0 to 10<br \/> <span style=\"padding-left: 43px;\"><strong>Viewport<\/strong>: Determines when to start the effect, based on the height of the viewport (the visible size of the device screen). For example, if the viewport value is set between 50 and 100, the effect starts only after you move half the height of the viewport.<\/span><\/span><\/span><\/li>\n<li><strong>Apply effects on<\/strong>: Select this option to apply motion effects on desktop, tablet and \/ or mobile devices<\/li>\n<li><strong>Effects Relating to<\/strong>: Choose from Default, View, or Full Page<\/li>\n<\/ol>\n<p class=\"callout-green\"> <strong>Tip<\/strong>: Try the following scenario. Set the direction as Fade In and Out. Set the viewport to 30-60 and watch what happens: the heading starts in focus, reaches the maximum Blur level at 30%, stays the same through 60%, and fades to the bottom of the screen.<\/p>\n<\/article><\/div>","protected":false},"excerpt":{"rendered":"<p>Blur allows you to gradually make elements go from light to blurry in correlation with the visitor&#039;s scrolling. An example is that a background image appears and\u2026<\/p>","protected":false},"author":1,"featured_media":88697,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1352],"tags":[],"class_list":["post-88696","post","type-post","status-publish","format-standard","has-post-thumbnail","category-elementor"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.0 (Yoast SEO v28.2) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Efectos de desplazamiento: desenfoque - R Marketing Digital<\/title>\n<meta name=\"description\" content=\"Difuminar le permite hacer que los elementos pasen gradualmente de claros a borrosos en correlaci\u00f3n con el desplazamiento del visitante. Un ejemplo es que\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/rmarketingdigital.com\/en\/elementor\/scroll-blur-effects\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Efectos de desplazamiento: desenfoque\" \/>\n<meta property=\"og:description\" content=\"Difuminar le permite hacer que los elementos pasen gradualmente de claros a borrosos en correlaci\u00f3n con el desplazamiento del visitante. Un ejemplo es que\" \/>\n<meta property=\"og:url\" content=\"https:\/\/rmarketingdigital.com\/en\/elementor\/scroll-blur-effects\/\" \/>\n<meta property=\"og:site_name\" content=\"R Marketing Digital\" \/>\n<meta property=\"article:published_time\" content=\"2022-08-06T21:26:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/P5WDIaZ7k1WeEx99j39Psp8tFMs2YTPV2Jr3eIV9ZHGmVd4HGqiNKvcDroIFLxK_Ixg-ZGcPu3d4RfMsu-ErEbDluGVaBHEt_Kb5mY924jKs9aAl4V50FAj5-PjzJHKNb2e86gi6-5557922..gif\" \/>\n\t<meta property=\"og:image:width\" content=\"600\" \/>\n\t<meta property=\"og:image:height\" content=\"338\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/gif\" \/>\n<meta name=\"author\" content=\"R Marketing Digital\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/en\\\/elementor\\\/scroll-blur-effects\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/en\\\/elementor\\\/scroll-blur-effects\\\/\"},\"author\":{\"name\":\"R Marketing Digital\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\"},\"headline\":\"Efectos de desplazamiento: desenfoque\",\"datePublished\":\"2022-08-06T21:26:50+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/en\\\/elementor\\\/scroll-blur-effects\\\/\"},\"wordCount\":341,\"image\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/en\\\/elementor\\\/scroll-blur-effects\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/P5WDIaZ7k1WeEx99j39Psp8tFMs2YTPV2Jr3eIV9ZHGmVd4HGqiNKvcDroIFLxK_Ixg-ZGcPu3d4RfMsu-ErEbDluGVaBHEt_Kb5mY924jKs9aAl4V50FAj5-PjzJHKNb2e86gi6-5557922..gif\",\"articleSection\":[\"Elementor\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/en\\\/elementor\\\/scroll-blur-effects\\\/\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/en\\\/elementor\\\/scroll-blur-effects\\\/\",\"name\":\"Efectos de desplazamiento: desenfoque - R Marketing Digital\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/en\\\/elementor\\\/scroll-blur-effects\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/en\\\/elementor\\\/scroll-blur-effects\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/P5WDIaZ7k1WeEx99j39Psp8tFMs2YTPV2Jr3eIV9ZHGmVd4HGqiNKvcDroIFLxK_Ixg-ZGcPu3d4RfMsu-ErEbDluGVaBHEt_Kb5mY924jKs9aAl4V50FAj5-PjzJHKNb2e86gi6-5557922..gif\",\"datePublished\":\"2022-08-06T21:26:50+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\"},\"description\":\"Difuminar le permite hacer que los elementos pasen gradualmente de claros a borrosos en correlaci\u00f3n con el desplazamiento del visitante. Un ejemplo es que\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/rmarketingdigital.com\\\/en\\\/elementor\\\/scroll-blur-effects\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/en\\\/elementor\\\/scroll-blur-effects\\\/#primaryimage\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/P5WDIaZ7k1WeEx99j39Psp8tFMs2YTPV2Jr3eIV9ZHGmVd4HGqiNKvcDroIFLxK_Ixg-ZGcPu3d4RfMsu-ErEbDluGVaBHEt_Kb5mY924jKs9aAl4V50FAj5-PjzJHKNb2e86gi6-5557922..gif\",\"contentUrl\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/P5WDIaZ7k1WeEx99j39Psp8tFMs2YTPV2Jr3eIV9ZHGmVd4HGqiNKvcDroIFLxK_Ixg-ZGcPu3d4RfMsu-ErEbDluGVaBHEt_Kb5mY924jKs9aAl4V50FAj5-PjzJHKNb2e86gi6-5557922..gif\",\"width\":600,\"height\":338,\"caption\":\"p5wdiaz7k1weex99j39psp8tfms2ytpv2jr3eiv9zhgmvd4hgqinkvcdroiflxk_ixg-zgcpu3d4rfmsu-erebdlugvabhet_kb5my924jks9aal4v50faj5-pjzjhknb2e86gi6-5557922-3927843-gif\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#website\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/\",\"name\":\"R Marketing Digital\",\"description\":\"Agencia SEO | Publicidad redes sociales | Community Management\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/rmarketingdigital.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\",\"name\":\"R Marketing Digital\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"caption\":\"R Marketing Digital\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Hover Effects: Blur - R Marketing Digital","description":"Blur allows you to gradually change elements from light to blurry in correlation with the movement of the visitor. An example is that","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:\/\/rmarketingdigital.com\/en\/elementor\/scroll-blur-effects\/","og_locale":"en_US","og_type":"article","og_title":"Efectos de desplazamiento: desenfoque","og_description":"Difuminar le permite hacer que los elementos pasen gradualmente de claros a borrosos en correlaci\u00f3n con el desplazamiento del visitante. Un ejemplo es que","og_url":"https:\/\/rmarketingdigital.com\/en\/elementor\/scroll-blur-effects\/","og_site_name":"R Marketing Digital","article_published_time":"2022-08-06T21:26:50+00:00","og_image":[{"url":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/P5WDIaZ7k1WeEx99j39Psp8tFMs2YTPV2Jr3eIV9ZHGmVd4HGqiNKvcDroIFLxK_Ixg-ZGcPu3d4RfMsu-ErEbDluGVaBHEt_Kb5mY924jKs9aAl4V50FAj5-PjzJHKNb2e86gi6-5557922..gif","width":600,"height":338,"type":"image\/gif"}],"author":"R Marketing Digital","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/rmarketingdigital.com\/en\/elementor\/scroll-blur-effects\/#article","isPartOf":{"@id":"https:\/\/rmarketingdigital.com\/en\/elementor\/scroll-blur-effects\/"},"author":{"name":"R Marketing Digital","@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e"},"headline":"Efectos de desplazamiento: desenfoque","datePublished":"2022-08-06T21:26:50+00:00","mainEntityOfPage":{"@id":"https:\/\/rmarketingdigital.com\/en\/elementor\/scroll-blur-effects\/"},"wordCount":341,"image":{"@id":"https:\/\/rmarketingdigital.com\/en\/elementor\/scroll-blur-effects\/#primaryimage"},"thumbnailUrl":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/P5WDIaZ7k1WeEx99j39Psp8tFMs2YTPV2Jr3eIV9ZHGmVd4HGqiNKvcDroIFLxK_Ixg-ZGcPu3d4RfMsu-ErEbDluGVaBHEt_Kb5mY924jKs9aAl4V50FAj5-PjzJHKNb2e86gi6-5557922..gif","articleSection":["Elementor"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/rmarketingdigital.com\/en\/elementor\/scroll-blur-effects\/","url":"https:\/\/rmarketingdigital.com\/en\/elementor\/scroll-blur-effects\/","name":"Hover Effects: Blur - R Marketing Digital","isPartOf":{"@id":"https:\/\/rmarketingdigital.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/rmarketingdigital.com\/en\/elementor\/scroll-blur-effects\/#primaryimage"},"image":{"@id":"https:\/\/rmarketingdigital.com\/en\/elementor\/scroll-blur-effects\/#primaryimage"},"thumbnailUrl":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/P5WDIaZ7k1WeEx99j39Psp8tFMs2YTPV2Jr3eIV9ZHGmVd4HGqiNKvcDroIFLxK_Ixg-ZGcPu3d4RfMsu-ErEbDluGVaBHEt_Kb5mY924jKs9aAl4V50FAj5-PjzJHKNb2e86gi6-5557922..gif","datePublished":"2022-08-06T21:26:50+00:00","author":{"@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e"},"description":"Blur allows you to gradually change elements from light to blurry in correlation with the movement of the visitor. An example is that","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/rmarketingdigital.com\/en\/elementor\/scroll-blur-effects\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/rmarketingdigital.com\/en\/elementor\/scroll-blur-effects\/#primaryimage","url":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/P5WDIaZ7k1WeEx99j39Psp8tFMs2YTPV2Jr3eIV9ZHGmVd4HGqiNKvcDroIFLxK_Ixg-ZGcPu3d4RfMsu-ErEbDluGVaBHEt_Kb5mY924jKs9aAl4V50FAj5-PjzJHKNb2e86gi6-5557922..gif","contentUrl":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/P5WDIaZ7k1WeEx99j39Psp8tFMs2YTPV2Jr3eIV9ZHGmVd4HGqiNKvcDroIFLxK_Ixg-ZGcPu3d4RfMsu-ErEbDluGVaBHEt_Kb5mY924jKs9aAl4V50FAj5-PjzJHKNb2e86gi6-5557922..gif","width":600,"height":338,"caption":"p5wdiaz7k1weex99j39psp8tfms2ytpv2jr3eiv9zhgmvd4hgqinkvcdroiflxk_ixg-zgcpu3d4rfmsu-erebdlugvabhet_kb5my924jks9aal4v50faj5-pjzjhknb2e86gi6-5557922-3927843-gif"},{"@type":"WebSite","@id":"https:\/\/rmarketingdigital.com\/#website","url":"https:\/\/rmarketingdigital.com\/","name":"R Digital Marketing","description":"SEO Agency | Advertising social networks | Community Management","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/rmarketingdigital.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e","name":"R Digital Marketing","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","caption":"R Marketing Digital"}}]}},"_links":{"self":[{"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/posts\/88696","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/comments?post=88696"}],"version-history":[{"count":0,"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/posts\/88696\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/media\/88697"}],"wp:attachment":[{"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/media?parent=88696"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/categories?post=88696"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/tags?post=88696"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}