little polish

This commit is contained in:
Timothy Pidashev
2022-01-08 12:20:11 -08:00
parent e207049644
commit 76b2b20e2f

View File

@@ -154,7 +154,7 @@ form{
// bottom: -160px; // bottom: -160px;
// make the squares spawn from the bottom of the screen determined by the height of the screen // make the squares spawn from the bottom of the screen determined by the height of the screen
// bottom: calc(-100% + 100px); // bottom: calc(-100% + 100px);
bottom: calc(100% - 1000px); bottom: calc(100% - 1100px);
-webkit-animation: square 25s infinite; -webkit-animation: square 25s infinite;
animation: square 25s infinite; animation: square 25s infinite;
@@ -246,13 +246,12 @@ form{
@-webkit-keyframes square { @-webkit-keyframes square {
0% { transform: translateY(0); } 0% { transform: translateY(0); }
100% { transform: translateY(-10000px) rotate(600deg); } 100% { transform: translateY(-700px) rotate(600deg); }
100% { transform: translateY(-1100px) rotate(600deg); }
} }
@keyframes square { @keyframes square {
0% { transform: translateY(0); } 0% { transform: translateY(0); }
90% { transform: translateY(-1000px) rotate(600deg); } 90% { transform: translateY(-1100px) rotate(600deg); }
// add fade after the animation
} }
// animation for square to fade out // animation for square to fade out