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; }