From 76b2b20e2f7186a339cefb8139ec924328401686 Mon Sep 17 00:00:00 2001 From: Timothy Pidashev Date: Sat, 8 Jan 2022 12:20:11 -0800 Subject: [PATCH] little polish --- css/login.less | 9 ++++----- 1 file changed, 4 insertions(+), 5 deletions(-) diff --git a/css/login.less b/css/login.less index d1dce59..642453e 100644 --- a/css/login.less +++ b/css/login.less @@ -154,7 +154,7 @@ form{ // bottom: -160px; // make the squares spawn from the bottom of the screen determined by the height of the screen // bottom: calc(-100% + 100px); - bottom: calc(100% - 1000px); + bottom: calc(100% - 1100px); -webkit-animation: square 25s infinite; animation: square 25s infinite; @@ -246,13 +246,12 @@ form{ @-webkit-keyframes square { 0% { transform: translateY(0); } - 100% { transform: translateY(-10000px) rotate(600deg); } + 100% { transform: translateY(-700px) rotate(600deg); } + 100% { transform: translateY(-1100px) rotate(600deg); } } @keyframes square { 0% { transform: translateY(0); } - 90% { transform: translateY(-1000px) rotate(600deg); } - // add fade after the animation - + 90% { transform: translateY(-1100px) rotate(600deg); } } // animation for square to fade out