{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\user\\\\Desktop\\\\000newport\\\\src\\\\components\\\\pages\\\\portfolio-page\\\\components\\\\Crea4.js\";\nimport React from \"react\";\nimport { gsap } from \"gsap\";\nimport { ScrollTrigger } from \"gsap/ScrollTrigger\";\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nimport { Fragment as _Fragment } from \"react/jsx-dev-runtime\";\nconst Crea4 = () => {\n  gsap.registerPlugin(ScrollTrigger);\n  gsap.to(\".triggerss\", {\n    x: 500,\n    scrollTrigger: {\n      duration: 0.5,\n      trigger: \".scroll\",\n      // L'élément qui déclenchera l'animation\n      end: \"center center\",\n      start: \"top 80%\"\n    }\n  });\n  return /*#__PURE__*/_jsxDEV(_Fragment, {\n    children: [/*#__PURE__*/_jsxDEV(\"div\", {\n      className: \"bg-stone-500  h-full\"\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 23,\n      columnNumber: 1\n    }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n      className: \"bg-stone-500  h-full\"\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 24,\n      columnNumber: 1\n    }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n      className: \"bg-stone-500  h-full\"\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 25,\n      columnNumber: 1\n    }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n      className: \" scroll flex bg-yellow-300 h-96 relative \",\n      children: /*#__PURE__*/_jsxDEV(\"div\", {\n        className: \"self-end\",\n        children: [/*#__PURE__*/_jsxDEV(\"div\", {\n          className: \"h-24 w-24 bg-slate-950 absolute\"\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 30,\n          columnNumber: 5\n        }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n          className: \"h-24 w-24 triggress bg-slate-300 \"\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 31,\n          columnNumber: 5\n        }, this)]\n      }, void 0, true, {\n        fileName: _jsxFileName,\n        lineNumber: 28,\n        columnNumber: 2\n      }, this)\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 27,\n      columnNumber: 1\n    }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n      className: \"bg-stone-500  h-full\"\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 36,\n      columnNumber: 1\n    }, this)]\n  }, void 0, true);\n};\n_c = Crea4;\nexport default Crea4;\nvar _c;\n$RefreshReg$(_c, \"Crea4\");","map":{"version":3,"names":["React","gsap","ScrollTrigger","jsxDEV","_jsxDEV","Fragment","_Fragment","Crea4","registerPlugin","to","x","scrollTrigger","duration","trigger","end","start","children","className","fileName","_jsxFileName","lineNumber","columnNumber","_c","$RefreshReg$"],"sources":["C:/Users/user/Desktop/000newport/src/components/pages/portfolio-page/components/Crea4.js"],"sourcesContent":["import React from \"react\";\r\nimport { gsap } from \"gsap\";\r\nimport { ScrollTrigger } from \"gsap/ScrollTrigger\";\r\n\r\n\r\nconst Crea4=()=>{\r\n\r\n    gsap.registerPlugin(ScrollTrigger);\r\n    gsap.to(\".triggerss\", {\r\n      x: 500,\r\n      scrollTrigger: {\r\n        duration: 0.5,\r\n        trigger: \".scroll\", // L'élément qui déclenchera l'animation\r\n       end:\"center center\",\r\n        start: \"top 80%\",\r\n      \r\n      },\r\n    });\r\n\r\n    return(\r\n<>\r\n\r\n<div className=\"bg-stone-500  h-full\" ></div>\r\n<div className=\"bg-stone-500  h-full\" ></div>\r\n<div className=\"bg-stone-500  h-full\" ></div>\r\n\r\n<div className=\" scroll flex bg-yellow-300 h-96 relative \">\r\n <div className=\"self-end\">\r\n\r\n    <div className=\"h-24 w-24 bg-slate-950 absolute\"></div>\r\n    <div className=\"h-24 w-24 triggress bg-slate-300 \"></div>\r\n </div>\r\n\r\n\r\n</div>\r\n<div className=\"bg-stone-500  h-full\" ></div>\r\n</>\r\n\r\n    )\r\n}\r\n\r\n\r\nexport default Crea4"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,MAAM;AAC3B,SAASC,aAAa,QAAQ,oBAAoB;AAAC,SAAAC,MAAA,IAAAC,OAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAGnD,MAAMC,KAAK,GAACA,CAAA,KAAI;EAEZN,IAAI,CAACO,cAAc,CAACN,aAAa,CAAC;EAClCD,IAAI,CAACQ,EAAE,CAAC,YAAY,EAAE;IACpBC,CAAC,EAAE,GAAG;IACNC,aAAa,EAAE;MACbC,QAAQ,EAAE,GAAG;MACbC,OAAO,EAAE,SAAS;MAAE;MACrBC,GAAG,EAAC,eAAe;MAClBC,KAAK,EAAE;IAET;EACF,CAAC,CAAC;EAEF,oBACJX,OAAA,CAAAE,SAAA;IAAAU,QAAA,gBAEAZ,OAAA;MAAKa,SAAS,EAAC;IAAsB;MAAAC,QAAA,EAAAC,YAAA;MAAAC,UAAA;MAAAC,YAAA;IAAA,OAAO,CAAC,eAC7CjB,OAAA;MAAKa,SAAS,EAAC;IAAsB;MAAAC,QAAA,EAAAC,YAAA;MAAAC,UAAA;MAAAC,YAAA;IAAA,OAAO,CAAC,eAC7CjB,OAAA;MAAKa,SAAS,EAAC;IAAsB;MAAAC,QAAA,EAAAC,YAAA;MAAAC,UAAA;MAAAC,YAAA;IAAA,OAAO,CAAC,eAE7CjB,OAAA;MAAKa,SAAS,EAAC,2CAA2C;MAAAD,QAAA,eACzDZ,OAAA;QAAKa,SAAS,EAAC,UAAU;QAAAD,QAAA,gBAEtBZ,OAAA;UAAKa,SAAS,EAAC;QAAiC;UAAAC,QAAA,EAAAC,YAAA;UAAAC,UAAA;UAAAC,YAAA;QAAA,OAAM,CAAC,eACvDjB,OAAA;UAAKa,SAAS,EAAC;QAAmC;UAAAC,QAAA,EAAAC,YAAA;UAAAC,UAAA;UAAAC,YAAA;QAAA,OAAM,CAAC;MAAA;QAAAH,QAAA,EAAAC,YAAA;QAAAC,UAAA;QAAAC,YAAA;MAAA,OACvD;IAAC;MAAAH,QAAA,EAAAC,YAAA;MAAAC,UAAA;MAAAC,YAAA;IAAA,OAGF,CAAC,eACNjB,OAAA;MAAKa,SAAS,EAAC;IAAsB;MAAAC,QAAA,EAAAC,YAAA;MAAAC,UAAA;MAAAC,YAAA;IAAA,OAAO,CAAC;EAAA,eAC3C,CAAC;AAGH,CAAC;AAAAC,EAAA,GAlCKf,KAAK;AAqCX,eAAeA,KAAK;AAAA,IAAAe,EAAA;AAAAC,YAAA,CAAAD,EAAA"},"metadata":{},"sourceType":"module","externalDependencies":[]}