{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\user\\\\Desktop\\\\000newport\\\\src\\\\components\\\\crea5.js\",\n _s = $RefreshSig$();\nimport React from \"react\";\nimport { gsap, Sine } from \"gsap\";\nimport { useEffect } from \"react\";\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nimport { Fragment as _Fragment } from \"react/jsx-dev-runtime\";\nconst Crea5 = () => {\n _s();\n useEffect(() => {\n const trigger = document.querySelectorAll(\".mainBotao\");\n const animateOver = function () {\n const text = this.querySelector(\".text\");\n const image = this.querySelector(\".image\");\n const element = this.querySelector(\".element\");\n const imageBack = this.querySelector(\".imageBack\");\n gsap.to(element, {\n duration: 1,\n scale: 1.5,\n x: 500\n });\n gsap.to(text, {\n duration: 1,\n ease: Sine.easeOut,\n autoRound: false,\n x: 100,\n y: 40\n });\n gsap.to(image, {\n duration: 1,\n opacity: 1,\n x: 100,\n y: 40\n });\n gsap.to(imageBack, {\n duration: 1,\n opacity: 0\n });\n };\n const animateOut = function () {\n const element = this.querySelector(\".element\");\n const text = this.querySelector(\".text\");\n const image = this.querySelector(\".image\");\n const imageBack = this.querySelector(\".imageBack\");\n gsap.to(element, {\n duration: 1,\n scale: 1.2,\n x: 0,\n y: 0\n });\n gsap.to(text, {\n duration: 1,\n ease: Sine.easeOut,\n autoRound: false,\n x: 0,\n y: 0\n });\n gsap.to(image, {\n duration: 1,\n opacity: 0,\n x: 0,\n y: 0\n });\n gsap.to(imageBack, {\n duration: 1,\n opacity: 1\n });\n };\n trigger.forEach(el => {\n el.addEventListener(\"mouseover\", animateOver, false);\n el.addEventListener(\"touchstart\", animateOver, false);\n el.addEventListener(\"mouseout\", animateOut, false);\n el.addEventListener(\"touchend\", animateOut, false);\n });\n return () => {\n // Clean up event listeners when the component unmounts\n trigger.forEach(el => {\n el.removeEventListener(\"mouseover\", animateOver, false);\n el.removeEventListener(\"touchstart\", animateOver, false);\n el.removeEventListener(\"mouseout\", animateOut, false);\n el.removeEventListener(\"touchend\", animateOut, false);\n });\n };\n }, []);\n return /*#__PURE__*/_jsxDEV(_Fragment, {\n children: [/*#__PURE__*/_jsxDEV(\"div\", {\n className: \"your-componen flex justify-center items-center\",\n children: /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"mainBotao w-1/2 h-96 border \",\n children: [/*#__PURE__*/_jsxDEV(\"div\", {\n className: \"text\",\n children: \"vggggggggggggv\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 98,\n columnNumber: 11\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"image\",\n children: \"Image de l'\\xE9l\\xE9ment\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 99,\n columnNumber: 11\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"element \",\n children: \"\\xC9l\\xE9ment\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 100,\n columnNumber: 11\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"imageBack\",\n children: /*#__PURE__*/_jsxDEV(\"h1\", {\n children: \"passion\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 102,\n columnNumber: 13\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 101,\n columnNumber: 11\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 97,\n columnNumber: 9\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 96,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"text_competence mb-96 border items-center justify-center h-96 w-full\",\n children: /*#__PURE__*/_jsxDEV(\"div\", {\n className: \" mainBotao border rounded-3xl w-full h-full bg-yellow-300 \",\n children: [/*#__PURE__*/_jsxDEV(\"div\", {\n className: \"text\",\n children: \"gfggddggd\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 109,\n columnNumber: 13\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"imagetext-6xl border \",\n children: [\" \", \"Portfolio en ligne de Facundo Varas, artisant du web curieux et passionn\\xE9.\"]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 112,\n columnNumber: 11\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"element border text-6xl \",\n children: \" Portfolio en ligne de Facundo Varas, artisant du web curieux et passionn\\xE9.\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 118,\n columnNumber: 11\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"imageBack\",\n children: /*#__PURE__*/_jsxDEV(\"h5\", {\n className: \" text-6xl border \",\n children: \"Passion\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 122,\n columnNumber: 13\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 121,\n columnNumber: 11\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 108,\n columnNumber: 9\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 107,\n columnNumber: 7\n }, this)]\n }, void 0, true);\n};\n_s(Crea5, \"OD7bBpZva5O2jO+Puf00hKivP7c=\");\n_c = Crea5;\nexport default Crea5;\nvar _c;\n$RefreshReg$(_c, \"Crea5\");","map":{"version":3,"names":["React","gsap","Sine","useEffect","jsxDEV","_jsxDEV","Fragment","_Fragment","Crea5","_s","trigger","document","querySelectorAll","animateOver","text","querySelector","image","element","imageBack","to","duration","scale","x","ease","easeOut","autoRound","y","opacity","animateOut","forEach","el","addEventListener","removeEventListener","children","className","fileName","_jsxFileName","lineNumber","columnNumber","_c","$RefreshReg$"],"sources":["C:/Users/user/Desktop/000newport/src/components/crea5.js"],"sourcesContent":["import React from \"react\";\r\nimport { gsap, Sine } from \"gsap\";\r\nimport { useEffect } from \"react\";\r\n\r\nconst Crea5 = () => {\r\n useEffect(() => {\r\n const trigger = document.querySelectorAll(\".mainBotao\");\r\n\r\n const animateOver = function () {\r\n const text = this.querySelector(\".text\");\r\n const image = this.querySelector(\".image\");\r\n const element = this.querySelector(\".element\");\r\n const imageBack = this.querySelector(\".imageBack\");\r\n\r\n gsap.to(element, {\r\n duration: 1,\r\n scale: 1.5,\r\n x: 500,\r\n });\r\n\r\n gsap.to(text, {\r\n duration: 1,\r\n ease: Sine.easeOut,\r\n autoRound: false,\r\n x: 100,\r\n y: 40,\r\n });\r\n\r\n gsap.to(image, {\r\n duration: 1,\r\n opacity: 1,\r\n x: 100,\r\n y: 40,\r\n });\r\n\r\n gsap.to(imageBack, {\r\n duration: 1,\r\n opacity: 0,\r\n });\r\n };\r\n\r\n const animateOut = function () {\r\n const element = this.querySelector(\".element\");\r\n const text = this.querySelector(\".text\");\r\n const image = this.querySelector(\".image\");\r\n const imageBack = this.querySelector(\".imageBack\");\r\n\r\n gsap.to(element, {\r\n duration: 1,\r\n scale: 1.2,\r\n x: 0,\r\n y:0\r\n });\r\n\r\n gsap.to(text, {\r\n duration: 1,\r\n ease: Sine.easeOut,\r\n autoRound: false,\r\n x: 0,\r\n y: 0,\r\n });\r\n\r\n gsap.to(image, {\r\n duration: 1,\r\n opacity: 0,\r\n x: 0,\r\n y: 0,\r\n });\r\n\r\n gsap.to(imageBack, {\r\n duration: 1,\r\n opacity: 1,\r\n });\r\n };\r\n\r\n trigger.forEach((el) => {\r\n el.addEventListener(\"mouseover\", animateOver, false);\r\n el.addEventListener(\"touchstart\", animateOver, false);\r\n el.addEventListener(\"mouseout\", animateOut, false);\r\n el.addEventListener(\"touchend\", animateOut, false);\r\n });\r\n\r\n return () => {\r\n // Clean up event listeners when the component unmounts\r\n trigger.forEach((el) => {\r\n el.removeEventListener(\"mouseover\", animateOver, false);\r\n el.removeEventListener(\"touchstart\", animateOver, false);\r\n el.removeEventListener(\"mouseout\", animateOut, false);\r\n el.removeEventListener(\"touchend\", animateOut, false);\r\n });\r\n };\r\n }, []);\r\n\r\n return (\r\n <>\r\n
\r\n
\r\n
vggggggggggggv
\r\n
Image de l'élément
\r\n
Élément
\r\n
\r\n

passion

\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n gfggddggd\r\n
\r\n
\r\n {\" \"}\r\n Portfolio en ligne de Facundo Varas, artisant du web curieux et\r\n passionné.\r\n
\r\n\r\n
Portfolio en ligne de Facundo Varas, artisant du web curieux et\r\n passionné.
\r\n\r\n
\r\n
Passion
\r\n
\r\n
\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default Crea5;\r\n"],"mappings":"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"},"metadata":{},"sourceType":"module","externalDependencies":[]}