From 32f265eb3d00945fd2b9f20715d79b7ba726a09b Mon Sep 17 00:00:00 2001 From: Professional Date: Fri, 23 May 2025 22:26:55 +0700 Subject: [PATCH] =?UTF-8?q?=D1=84=D0=B8=D0=BA=D1=81=20=D0=B3=D0=BB=D0=B0?= =?UTF-8?q?=D0=B2=D0=BD=D1=8B=D1=85=20=D1=8D=D0=BA=D1=80=D0=B0=D0=BD=D0=BE?= =?UTF-8?q?=D0=B2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/HomeView.vue | 26 +++++++++++++++++--------- src/views/LoginView.vue | 8 +++++++- src/views/RegisterView.vue | 8 +++++++- 3 files changed, 31 insertions(+), 11 deletions(-) diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue index 20dea31..24d665a 100644 --- a/src/views/HomeView.vue +++ b/src/views/HomeView.vue @@ -240,11 +240,17 @@ onMounted(async () => { .letter { display: inline-block; animation: gradientShift 8s infinite; - background: linear-gradient(45deg, #ffffff, #64b5f6, #7e57c2, #ff6e40); + background: linear-gradient(45deg, #ffffff, #00bfff, #9932cc, #ff4500); background-size: 300% 300%; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; + text-shadow: + -1px -1px 0 rgba(255, 255, 255, 0.3), + 1px -1px 0 rgba(255, 255, 255, 0.3), + -1px 1px 0 rgba(255, 255, 255, 0.3), + 1px 1px 0 rgba(255, 255, 255, 0.3), + 0 0 8px rgba(255, 255, 255, 0.5); } .letter:nth-child(1) { animation-delay: 0s; } @@ -388,8 +394,8 @@ onMounted(async () => { left: 0; width: 200%; height: 150px; - background: url('data:image/svg+xml;utf8,') repeat-x; background-size: 1200px 150px; + transform: rotate(180deg); animation: wave 10s linear infinite; } @@ -406,8 +412,8 @@ onMounted(async () => { } @keyframes wave { - 0% { transform: translateX(0); } - 100% { transform: translateX(-50%); } + 0% { transform: translateX(0) rotate(180deg); } + 100% { transform: translateX(-50%) rotate(180deg); } } /* Мобильный телефон/макет */ @@ -624,10 +630,6 @@ onMounted(async () => { height: 400px; } - .wave-container { - height: 120px; - } - .wave { height: 120px; background-size: 1200px 120px; @@ -1019,11 +1021,17 @@ onMounted(async () => { .logo-letter { display: inline-block; animation: gradientShift 8s infinite; - background: linear-gradient(45deg, #ffffff, #64b5f6, #7e57c2, #ff6e40); + background: linear-gradient(45deg, #ffffff, #00bfff, #9932cc, #ff4500); background-size: 300% 300%; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; + text-shadow: + -1px -1px 0 rgba(255, 255, 255, 0.3), + 1px -1px 0 rgba(255, 255, 255, 0.3), + -1px 1px 0 rgba(255, 255, 255, 0.3), + 1px 1px 0 rgba(255, 255, 255, 0.3), + 0 0 8px rgba(255, 255, 255, 0.5); } .logo-letter:nth-child(1) { animation-delay: 0s; } diff --git a/src/views/LoginView.vue b/src/views/LoginView.vue index d68ef54..8ec3033 100644 --- a/src/views/LoginView.vue +++ b/src/views/LoginView.vue @@ -140,11 +140,17 @@ const handleLogin = async () => { .logo-letter { display: inline-block; animation: gradientShift 8s infinite; - background: linear-gradient(45deg, #ffffff, #64b5f6, #7e57c2, #ff6e40); + background: linear-gradient(45deg, #ffffff, #00bfff, #9932cc, #ff4500); background-size: 300% 300%; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; + text-shadow: + -1px -1px 0 rgba(255, 255, 255, 0.3), + 1px -1px 0 rgba(255, 255, 255, 0.3), + -1px 1px 0 rgba(255, 255, 255, 0.3), + 1px 1px 0 rgba(255, 255, 255, 0.3), + 0 0 8px rgba(255, 255, 255, 0.5); } .logo-letter:nth-child(1) { animation-delay: 0s; } diff --git a/src/views/RegisterView.vue b/src/views/RegisterView.vue index 056adc5..f342a90 100644 --- a/src/views/RegisterView.vue +++ b/src/views/RegisterView.vue @@ -188,11 +188,17 @@ const handleRegister = async () => { .logo-letter { display: inline-block; animation: gradientShift 8s infinite; - background: linear-gradient(45deg, #ffffff, #64b5f6, #7e57c2, #ff6e40); + background: linear-gradient(45deg, #ffffff, #00bfff, #9932cc, #ff4500); background-size: 300% 300%; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; + text-shadow: + -1px -1px 0 rgba(255, 255, 255, 0.3), + 1px -1px 0 rgba(255, 255, 255, 0.3), + -1px 1px 0 rgba(255, 255, 255, 0.3), + 1px 1px 0 rgba(255, 255, 255, 0.3), + 0 0 8px rgba(255, 255, 255, 0.5); } .logo-letter:nth-child(1) { animation-delay: 0s; }