From 4194b0b21d53a9bdd843688fbce30b9b5bd15aef Mon Sep 17 00:00:00 2001 From: chest Date: Mon, 27 Jan 2025 21:01:11 +0300 Subject: [PATCH] wip: Sql task show tmp --- static/index.css | 23 ++++++++++++++++++----- templates/found.html | 2 +- 2 files changed, 19 insertions(+), 6 deletions(-) diff --git a/static/index.css b/static/index.css index b245368..b1dd21a 100644 --- a/static/index.css +++ b/static/index.css @@ -238,8 +238,10 @@ text-shadow: black 2px 2px; border: dashed rgba(0, 0, 0, 0.5); transition: 0.5s; - animation: 2.5s show cubic-bezier(0, 0, 0.2, 1); box-shadow: 0.5em 0.5em 0em 0px rgba(0, 0, 0, 0.5); + -webkit-animation: fadeinout 7s cubic-bezier(0, 0, 0.2, 1) forwards; + animation: fadeinout 7s cubic-bezier(1, 0.05, 0.5, 1) forwards; + opacity: 0; } #error:hover { background-color: rgba(220, 20, 60, 0.65); @@ -247,6 +249,7 @@ box-shadow: 0.7em 0.7em 0em 0px rgba(0, 0, 0, 0.65); } + .hidden { color: rgba(0,0,0,0); } @@ -265,8 +268,10 @@ text-shadow: black 2px 2px; border: dashed rgba(225, 225, 225, 1); transition: 0.5s; - animation: 2.5s show cubic-bezier(0, 0, 0.2, 1); box-shadow: 0.5em 0.5em 0em 0px rgba(0, 0, 0, 0.5); + -webkit-animation: fadeinout 7s cubic-bezier(0, 0, 0.2, 1) forwards; + animation: fadeinout 7s cubic-bezier(1, 0.05, 0.5, 1) forwards; + opacity: 0; } #success:hover { background-color: rgba(0, 255, 127, 0.65); @@ -274,11 +279,19 @@ box-shadow: 0.7em 0.7em 0em 0px rgba(0, 0, 0, 0.65); } -@keyframes show { - from { opacity: 0; } - to { opacity: 1; } +@-webkit-keyframes fadeinout { + 50% { opacity: 1; } } +@keyframes fadeinout { + 50% { opacity: 1; } +} + +.hidden { + color: rgba(0,0,0,0); +} + + body { background-image: url(/static/imgs/bg.gif); width: 100vw; diff --git a/templates/found.html b/templates/found.html index c8bce09..cd426a4 100644 --- a/templates/found.html +++ b/templates/found.html @@ -15,6 +15,6 @@ - + \ No newline at end of file