🔧 remove animation

Remove header, footer and content animation (but not scroll-reveal)
HowlingByte · Feb 12, 2024 · 1c33f1b · 1c33f1b
1 parent 99dfd8b
commit 1c33f1b
Show file tree

Hide file tree

Showing 2 changed files with 0 additions and 51 deletions.
diff --git a/static/css/keyframes.css b/static/css/keyframes.css
@@ -1,49 +1,3 @@
-@keyframes slideInLeft {
-	0% {
-		transform: translateX(-20%);
-		opacity: 0%;
-	}
-
-	100% {
-		transform: translateX(0);
-		opacity: 100%;
-	}
-}
-
-@keyframes slideInRight {
-	0% {
-		transform: translateX(20%);
-		opacity: 0%;
-	}
-
-	100% {
-		transform: translateX(0);
-		opacity: 100%;
-	}
-}
-
-@keyframes slideInTop {
-	0% {
-		transform: translateY(-20%);
-		opacity: 0%;
-	}
-
-	100% {
-		transform: translateY(0);
-		opacity: 100%;
-	}
-}
-
-@keyframes slideIn {
-	0% {
-		transform: translateY(100%);
-	}
-
-	100% {
-		transform: translateY(0);
-	}
-}
-
 @keyframes animation {
 	0% {
 		width: 0px;

diff --git a/static/css/style.css b/static/css/style.css
@@ -19,7 +19,6 @@ body {
 
 header {
 	display: flex;
-	animation: 1s ease-out 0s 1 slideInTop;
 	background-color: #000000;
 	padding: 20px;
 	text-align: center;
@@ -72,7 +71,6 @@ main h2 {
 	margin-left: 5%;
 	margin-right: 5%;
 	font-size: 20px;
-	animation: 1s ease-out 0s 1 slideIn;
 }
 
 .content h3 {
@@ -105,7 +103,6 @@ footer {
 	margin-right: 20px;
 	border-top: 2px solid var(--purple);
 	margin-top: 20px;
-	animation: 1s ease-out 0s 1 slideIn;
 }
 
 footer img:hover {
@@ -252,7 +249,6 @@ footer .liens {
 }
 
 .grid-item-container-left {
-	animation: 1s ease-out 0s 1 slideInLeft;
 	position: relative;
 	/* Firefox */
 	-moz-transition: all 0.2s;
@@ -265,7 +261,6 @@ footer .liens {
 }
 
 .grid-item-container-right {
-	animation: 1s ease-out 0s 1 slideInRight;
 	position: relative;
 	/* Firefox */
 	-moz-transition: all 0.2s;