{"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\";\nconst Crea4 = () => {\n  gsap.registerPlugin(ScrollTrigger);\n  gsap.to(\".triggerss\", {\n    x: 500,\n    scrollTrigger: {\n      duration: 0.5,\n      trigger: \".scrolyl\",\n      // L'élément qui déclenchera l'animation\n      end: \"center center\",\n      start: \"bottom 10%\",\n      markers: true\n    }\n  });\n  return /*#__PURE__*/_jsxDEV(\"div\", {\n    className: \"h-full \",\n    children: [/*#__PURE__*/_jsxDEV(\"div\", {\n      className: \"bg-stone-500  h-96\"\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 24,\n      columnNumber: 1\n    }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n      className: \"bg-stone-500  h-96\"\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 25,\n      columnNumber: 1\n    }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n      className: \"bg-stone-500  h-96\"\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 26,\n      columnNumber: 1\n    }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n      className: \" scrolyl flex w-11/12 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: 31,\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: 32,\n          columnNumber: 5\n        }, this)]\n      }, void 0, true, {\n        fileName: _jsxFileName,\n        lineNumber: 29,\n        columnNumber: 2\n      }, this)\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 28,\n      columnNumber: 1\n    }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n      className: \"bg-stone-500  h-full\"\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 37,\n      columnNumber: 1\n    }, this)]\n  }, void 0, true, {\n    fileName: _jsxFileName,\n    lineNumber: 22,\n    columnNumber: 1\n  }, this);\n};\n_c = Crea4;\nexport default Crea4;\nvar _c;\n$RefreshReg$(_c, \"Crea4\");","map":{"version":3,"names":["React","gsap","ScrollTrigger","jsxDEV","_jsxDEV","Crea4","registerPlugin","to","x","scrollTrigger","duration","trigger","end","start","markers","className","children","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    gsap.registerPlugin(ScrollTrigger);\r\n    gsap.to(\".triggerss\", {\r\n      x: 500,\r\n      scrollTrigger: {\r\n        duration: 0.5,\r\n        trigger: \".scrolyl\", // L'élément qui déclenchera l'animation\r\n       end:\"center center\",\r\n        start: \"bottom 10%\",\r\n        markers:true\r\n      \r\n      },\r\n    });\r\n\r\n\r\n    return(\r\n< div className=\"h-full \">\r\n\r\n<div className=\"bg-stone-500  h-96\" ></div>\r\n<div className=\"bg-stone-500  h-96\" ></div>\r\n<div className=\"bg-stone-500  h-96\" ></div>\r\n\r\n<div className=\" scrolyl flex w-11/12 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</div>\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;AAGnD,MAAMC,KAAK,GAACA,CAAA,KAAI;EACZJ,IAAI,CAACK,cAAc,CAACJ,aAAa,CAAC;EAClCD,IAAI,CAACM,EAAE,CAAC,YAAY,EAAE;IACpBC,CAAC,EAAE,GAAG;IACNC,aAAa,EAAE;MACbC,QAAQ,EAAE,GAAG;MACbC,OAAO,EAAE,UAAU;MAAE;MACtBC,GAAG,EAAC,eAAe;MAClBC,KAAK,EAAE,YAAY;MACnBC,OAAO,EAAC;IAEV;EACF,CAAC,CAAC;EAGF,oBACJV,OAAA;IAAMW,SAAS,EAAC,SAAS;IAAAC,QAAA,gBAEzBZ,OAAA;MAAKW,SAAS,EAAC;IAAoB;MAAAE,QAAA,EAAAC,YAAA;MAAAC,UAAA;MAAAC,YAAA;IAAA,OAAO,CAAC,eAC3ChB,OAAA;MAAKW,SAAS,EAAC;IAAoB;MAAAE,QAAA,EAAAC,YAAA;MAAAC,UAAA;MAAAC,YAAA;IAAA,OAAO,CAAC,eAC3ChB,OAAA;MAAKW,SAAS,EAAC;IAAoB;MAAAE,QAAA,EAAAC,YAAA;MAAAC,UAAA;MAAAC,YAAA;IAAA,OAAO,CAAC,eAE3ChB,OAAA;MAAKW,SAAS,EAAC,oDAAoD;MAAAC,QAAA,eAClEZ,OAAA;QAAKW,SAAS,EAAC,UAAU;QAAAC,QAAA,gBAEtBZ,OAAA;UAAKW,SAAS,EAAC;QAAiC;UAAAE,QAAA,EAAAC,YAAA;UAAAC,UAAA;UAAAC,YAAA;QAAA,OAAM,CAAC,eACvDhB,OAAA;UAAKW,SAAS,EAAC;QAAmC;UAAAE,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,eACNhB,OAAA;MAAKW,SAAS,EAAC;IAAsB;MAAAE,QAAA,EAAAC,YAAA;MAAAC,UAAA;MAAAC,YAAA;IAAA,OAAO,CAAC;EAAA;IAAAH,QAAA,EAAAC,YAAA;IAAAC,UAAA;IAAAC,YAAA;EAAA,OACxC,CAAC;AAGN,CAAC;AAAAC,EAAA,GAnCKhB,KAAK;AAsCX,eAAeA,KAAK;AAAA,IAAAgB,EAAA;AAAAC,YAAA,CAAAD,EAAA"},"metadata":{},"sourceType":"module","externalDependencies":[]}