wip animation

styles/elements/mouses.css

@@ -26,11 +26,11 @@ pre.frame {
 
 	border: 1px solid red;
 
-	opacity: 0;
 	visibility: hidden;
+	display: grid;
 	*/
 
-	display: grid;
+	opacity: 0;
 	--tframes: 2s;
 	animation-name: ascii_frame;
 	animation-iteration-count: infinite;
@@ -57,9 +57,14 @@ pre.frame.f4  {animation-delay: calc(var(--tframes) * 75/100);}
 
 	from {visibility: visible;}
 	to   {visibility: hidden;}
-*/
+
 	from {display: grid;}
 	to   {display: none;}
+*/
+	0%    {opacity: 1;}
+	25%   {opacity: 1;}
+	25.1% {opacity: 0;}
+	100%  {opacity: 0;}
 }
 
 #mouse_1 {