{"id":6170,"date":"2025-05-27T16:21:13","date_gmt":"2025-05-27T19:21:13","guid":{"rendered":"https:\/\/gustavocampelo.com.br\/blog\/?p=6170"},"modified":"2025-05-27T16:27:20","modified_gmt":"2025-05-27T19:27:20","slug":"animacao-gta6-elementor","status":"publish","type":"post","link":"https:\/\/gustavocampelo.com.br\/blog\/animacao-gta6-elementor\/","title":{"rendered":"Anima\u00e7\u00e3o GTA6 Elementor"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"6170\" class=\"elementor elementor-6170\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-838611c e-con-full e-flex e-con e-child\" data-id=\"838611c\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c088739 elementor-widget elementor-widget-video\" data-id=\"c088739\" data-element_type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtu.be\\\/6_U763F_7F4&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-45a3eef e-con-full e-flex e-con e-parent\" data-id=\"45a3eef\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ffabe97 elementor-widget elementor-widget-heading\" data-id=\"ffabe97\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">C\u00f3digo JavaScript<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e0e1203 elementor-widget elementor-widget-html\" data-id=\"e0e1203\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-tomorrow  \">\r\n\t<pre data-line=\"\" class=\"highlight-height  language-javascript\">\r\n\t\t<code readonly=\"true\" class=\"  language-javascript\">\r\n&lt;script src=\"https:\/\/cdn.jsdelivr.net\/npm\/gsap@3.12.7\/dist\/gsap.min.js\"&gt;&lt;\/script&gt;\r\n&lt;script src=\"https:\/\/cdn.jsdelivr.net\/npm\/gsap@3.12.7\/dist\/ScrollTrigger.min.js\"&gt;&lt;\/script&gt;\r\n\r\n&lt;script&gt;\r\n    document.addEventListener(\"DOMContentLoaded\", (event) =&gt; {\r\n        gsap.registerPlugin(ScrollTrigger);\r\n        \r\n        const tl = gsap.timeline({\r\n            scrollTrigger: {\r\n                trigger: \".divPai\",\r\n                pin: true,\r\n                scrub: 2,\r\n                start: \"top top\",\r\n                end: \"+=2000\",\r\n            }\r\n        })\r\n        \r\n        tl.to(\".hero\", {\r\n            maskSize: \"20vw\",\r\n            duration: 2\r\n        })\r\n        \r\n        tl.to(\".heroImg2\", {\r\n            opacity: 0,\r\n            duration: 1\r\n        }, \"-=2\")\r\n        \r\n        tl.to(\".telaBranca\", {\r\n            backgroundColor: \"white\",\r\n            duration: 1\r\n        }, \"-=1\")\r\n        \r\n        tl.from(\".logo6\", {\r\n            opacity: 0,\r\n            duration: .5\r\n        })\r\n        \r\n        tl.to(\".secao3\", {\r\n            maskSize: \"150vw\",\r\n            duration: 3\r\n        }, \"+=.5\")\r\n    })\r\n&lt;\/script&gt;\r\n\r\n\r\n\t\t<\/code>\r\n\t<\/pre>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>C\u00f3digo JavaScript &lt;script src=&#8221;https:\/\/cdn.jsdelivr.net\/npm\/gsap@3.12.7\/dist\/gsap.min.js&#8221;&gt;&lt;\/script&gt; &lt;script src=&#8221;https:\/\/cdn.jsdelivr.net\/npm\/gsap@3.12.7\/dist\/ScrollTrigger.min.js&#8221;&gt;&lt;\/script&gt; &lt;script&gt; document.addEventListener(&#8220;DOMContentLoaded&#8221;, (event) =&gt; { gsap.registerPlugin(ScrollTrigger); const tl = gsap.timeline({ scrollTrigger: { trigger: &#8220;.divPai&#8221;, pin: true, scrub: 2, start: &#8220;top top&#8221;, end: &#8220;+=2000&#8221;, } }) tl.to(&#8220;.hero&#8221;, { maskSize: &#8220;20vw&#8221;, duration: 2 }) tl.to(&#8220;.heroImg2&#8221;, { opacity: 0, duration: 1 }, &#8220;-=2&#8221;) tl.to(&#8220;.telaBranca&#8221;, { backgroundColor: &#8220;white&#8221;, duration: 1 }, &#8220;-=1&#8221;) tl.from(&#8220;.logo6&#8221;, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":6172,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-6170","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/gustavocampelo.com.br\/blog\/wp-json\/wp\/v2\/posts\/6170","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gustavocampelo.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gustavocampelo.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gustavocampelo.com.br\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gustavocampelo.com.br\/blog\/wp-json\/wp\/v2\/comments?post=6170"}],"version-history":[{"count":0,"href":"https:\/\/gustavocampelo.com.br\/blog\/wp-json\/wp\/v2\/posts\/6170\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/gustavocampelo.com.br\/blog\/wp-json\/wp\/v2\/media\/6172"}],"wp:attachment":[{"href":"https:\/\/gustavocampelo.com.br\/blog\/wp-json\/wp\/v2\/media?parent=6170"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gustavocampelo.com.br\/blog\/wp-json\/wp\/v2\/categories?post=6170"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gustavocampelo.com.br\/blog\/wp-json\/wp\/v2\/tags?post=6170"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}