diff --git a/src/css/common.css b/src/css/common.css index a3e5ca8..a68e6f8 100644 --- a/src/css/common.css +++ b/src/css/common.css @@ -47,7 +47,7 @@ body{overflow-x:hidden;} .text-left-bottom{left:92px;bottom:124px;width:100%;max-width:760px;text-align:left;font-size:64px;line-height:1.12;font-weight:700;letter-spacing:-.05em;} -.text-center-hero{left:50%;top:40%;transform:translate(-50%,-50%);width:min(1080px,calc(100% - 120px));text-align:center;font-size:56px;line-height:1.24;font-weight:700;letter-spacing:-.045em;} +.text-center-hero{left:50%;top:45%;transform:translate(-50%,-50%);width:min(1080px,calc(100% - 120px));text-align:center;font-size:56px;line-height:1.24;font-weight:700;letter-spacing:-.045em;} .main-text .text-change{opacity:0;} diff --git a/src/pages/MainPage.jsx b/src/pages/MainPage.jsx index 28846fb..54b5ad4 100644 --- a/src/pages/MainPage.jsx +++ b/src/pages/MainPage.jsx @@ -70,11 +70,11 @@ function MainPage() { .to(text2Ref.current, { opacity: 1, y: 0, scale: 1, filter: "blur(0px)", ease: "none" }, 1.24) .to(hero2Ref.current, { scale: 1.1, ease: "none" }, 1.72) - .to(text2Ref.current, { opacity: 0, y: -28, scale: 0.98, filter: "blur(8px)", ease: "none" }, 2.02) + .to(text2Ref.current, { opacity: 0, y: -28, scale: 0.98, filter: "blur(8px)", ease: "none" }, 2.02); - .to(hero3Ref.current, { opacity: 1, scale: 1.03, filter: "blur(0px)", ease: "none" }, 2.14) - .to(text3Ref.current, { opacity: 1, y: 0, scale: 1, filter: "blur(0px)", ease: "none" }, 2.28) - .to(hero3Ref.current, { scale: 1.08, ease: "none" }, 2.82); + // .to(hero3Ref.current, { opacity: 1, scale: 1.03, filter: "blur(0px)", ease: "none" }, 2.14) + // .to(text3Ref.current, { opacity: 1, y: 0, scale: 1, filter: "blur(0px)", ease: "none" }, 2.28) + // .to(hero3Ref.current, { scale: 1.08, ease: "none" }, 2.82); return () => { darkHeroTrigger.kill(); @@ -115,11 +115,11 @@ function MainPage() { 안전한 하늘길을 설계합니다 -