From 62d7b45822dfa1ddb8134f854df956f6fb53882e Mon Sep 17 00:00:00 2001 From: asus Date: Wed, 20 Dec 2023 14:39:04 +0100 Subject: [PATCH] for now back to working version of ascii animation --- styles/elements/mouses.css | 35 +++-------------------------------- 1 file changed, 3 insertions(+), 32 deletions(-) diff --git a/styles/elements/mouses.css b/styles/elements/mouses.css index 459f589..e098dc5 100644 --- a/styles/elements/mouses.css +++ b/styles/elements/mouses.css @@ -5,31 +5,19 @@ } .frames_container { display: grid; - grid-template-rows: repeat(4, 1fr); + grid-template-rows: 1fr; width: fit-content; - /* - border: 1px solid blue; - */ } pre.frame.hide { display: none; } pre.frame { position: relative; - margin: auto auto 0px 0px; - /* + justify-items: start; + align-items: end; grid-column: 1; grid-row: 1; - width: fit-content; - height: fit-content; - - border: 1px solid red; - - visibility: hidden; - display: grid; - */ - opacity: 0; --tframes: 2s; animation-name: ascii_frame; @@ -39,28 +27,11 @@ pre.frame { animation-direction: normal; } -/* -*/ pre.frame.f2 {animation-delay: calc(var(--tframes) * 25/100);} pre.frame.f3 {animation-delay: calc(var(--tframes) * 50/100);} pre.frame.f4 {animation-delay: calc(var(--tframes) * 75/100);} @keyframes ascii_frame { -/* - 0% {opacity: 1;} - 25% {opacity: 1;} - 25.1% {opacity: 0;} - 100% {opacity: 0;} - - from {opacity: 1;} - to {opacity: 0;} - - from {visibility: visible;} - to {visibility: hidden;} - - from {display: grid;} - to {display: none;} -*/ 0% {opacity: 1;} 25% {opacity: 1;} 25.1% {opacity: 0;}