{"id":33,"date":"2026-04-30T09:43:59","date_gmt":"2026-04-30T09:43:59","guid":{"rendered":"https:\/\/\u00e9milienplisson.fr\/?p=33"},"modified":"2026-04-30T09:44:34","modified_gmt":"2026-04-30T09:44:34","slug":"elementor-33","status":"publish","type":"post","link":"https:\/\/\u00e9milienplisson.fr\/?p=33","title":{"rendered":"Elementor #33"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"33\" class=\"elementor elementor-33\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0954035 e-flex e-con-boxed e-con e-parent\" data-id=\"0954035\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b0d4686 elementor-widget elementor-widget-html\" data-id=\"b0d4686\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"experience-ep\">\n  <div class=\"sticky-wrapper\">\n    \n    <video id=\"video-fond\" autoplay muted loop playsinline>\n      <source src=\"https:\/\/\u00e9milienplisson.fr\/wp-content\/uploads\/2026\/04\/YTDown_YouTube_Taxi-Moyra-Cie-Tau_Media_qA3dx7uyeuo_001_1080p.mp4\" type=\"video\/mp4\">\n    <\/video>\n\n    <svg id=\"svg-mask\" viewBox=\"0 0 841.89 595.28\" preserveAspectRatio=\"xMidYMid slice\">\n      <defs>\n        <mask id=\"logoMaskComplex\">\n          <rect width=\"100%\" height=\"100%\" fill=\"white\" \/>\n          <g id=\"logo-group-anim\" fill=\"black\" stroke=\"black\" stroke-width=\"0\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"transform: scale(0.5); transform-origin: center; transform-box: fill-box;\">\n            <path d=\"M78.82,167.3c.37-34.54,38.93-53.18,69.77-51.92,19.25.35,39.25,9.64,57.31,15.53,38.76,15.73,73.1-4.19,112.35-6.2,44.89-1.95,62.77,41.88,16.48,60.3-49.94,17.08-104.45,4.13-154.84,20.19-39.27,16.2-90.69,10.06-101.08-37.9Z\"\/>\n            <path d=\"M331.58,480.43c-13.3.75-36.7-3.5-50.11-5-40.69-.43-84.72-6.69-125.29-4.52-15.25,2.48-29.87,11.88-45.61,6.19-11.88-3.85-20.05-15.53-19.64-27.98,1.29-25.07,28.06-33.02,50.16-28.9,31.87-.9,69.73-12.59,101.94-11.13,16.44.04,30.48,5.43,47.66,3.66,22.05-2.47,46.04-11.91,67.76-3.21,44.86,19.59,11.75,70.79-26.86,70.89Z\"\/>\n            <path d=\"M539.52,280.97c26.18-16.42,65.99-14.95,93.82-27.13,27.72-9.9,56.04-49.8,25.34-72.21-29.04-16.97-65.48-3.3-96.8-2.91-24.96,2.99-57.4-19.79-33.2-43.26,29.51-23.36,72.29-15.08,107.18-16.26,233.12,11.87,98.8,224.88-58.49,234.58-43.45,6.67-78.37-43.63-37.85-72.82Z\"\/>\n            <path d=\"M463.09,472.5c-39.27-11.33-34.05-58.98-30.2-90.94,3.55-26.1-.8-52.55,2.41-78.6,1.9-9.32,5.01-19.15,5.21-28.72,1.29-33.32,2.14-48.22-18.97-75.66-13.29-22.71-.19-51.84,18.98-66.88,35.18-22.88,74.48,7.22,64.14,47.52-1.66,7.38-4.99,23.85-5.62,31.12,1.81,30.33-6.95,62.58-3.94,92.71,1.12,21.45-2.48,43.31-2.12,64.74-.1,19,12.18,33.94,16.78,51.56,5.4,26.33-17.91,60.17-46.66,53.14Z\"\/>\n            <path d=\"M164.52,343.29c-26.3,5.83-87.01,4.13-77.47-35.9,6.06-15.22,20.63-26,36.36-29.83,27.98-6.68,45.48,2.11,65.66,1.61,17.81.56,36.74-2.57,53.25-9.34,138.77-46.27,162.81,83.9,46.53,75.1-40.52-12.03-83.33-9.37-124.34-1.64Z\"\/>\n          <\/g>\n        <\/mask>\n      <\/defs>\n      <rect width=\"100%\" height=\"100%\" fill=\"#C6C6C6\" mask=\"url(#logoMaskComplex)\" \/>\n    <\/svg>\n\n    <img decoding=\"async\" id=\"logo-texture\" src=\"https:\/\/\u00e9milienplisson.fr\/wp-content\/uploads\/2026\/04\/logoo-scaled.png\" alt=\"Logo Texture\">\n\n  <\/div>\n<\/div>\n\n<style>\n#experience-ep {\n  height: 500vh;\n  background: white;\n}\n\n.sticky-wrapper {\n  position: sticky;\n  top: 0;\n  height: 100vh;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n#video-fond {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  z-index: 1;\n}\n\n#svg-mask {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 3;\n}\n\n#logo-texture {\n  position: absolute;\n  z-index: 4; \/* Reste par-dessus le masque *\/\n  width: 42%; \n  height: auto;\n  pointer-events: none;\n  \n  \/* ALIGNEMENT PR\u00c9CIS *\/\n  top: 50%;\n  left: 49.9%;\n  transform: translate(-50%, -50%);\n}\n<\/style>\n\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n  gsap.registerPlugin(ScrollTrigger);\n\n  const tl = gsap.timeline({\n    scrollTrigger: {\n      trigger: \"#experience-ep\",\n      start: \"top top\",\n      end: \"bottom bottom\",\n      scrub: 1,\n      invalidateOnRefresh: true\n    }\n  });\n\n  \/\/ Disparition de l'image au tout d\u00e9but du scroll\n  tl.to(\"#logo-texture\", {\n    opacity: 0,\n    duration: 0.05,\n    ease: \"power1.inOut\"\n  }, 0);\n\n  \/\/ Animation du masque\n  tl.to(\"#logo-group-anim path\", {\n    attr: { \"stroke-width\": 2500 },\n    ease: \"none\",\n    duration: 1\n  }, 0);\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-33","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/\u00e9milienplisson.fr\/index.php?rest_route=\/wp\/v2\/posts\/33","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/\u00e9milienplisson.fr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/\u00e9milienplisson.fr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/\u00e9milienplisson.fr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/\u00e9milienplisson.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=33"}],"version-history":[{"count":4,"href":"https:\/\/\u00e9milienplisson.fr\/index.php?rest_route=\/wp\/v2\/posts\/33\/revisions"}],"predecessor-version":[{"id":37,"href":"https:\/\/\u00e9milienplisson.fr\/index.php?rest_route=\/wp\/v2\/posts\/33\/revisions\/37"}],"wp:attachment":[{"href":"https:\/\/\u00e9milienplisson.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=33"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/\u00e9milienplisson.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=33"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/\u00e9milienplisson.fr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=33"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}