diff --git a/static/css/keyframes.css b/static/css/keyframes.css index c3daebf..b9c3612 100644 --- 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 index 2bbea9c..3be27f0 100644 --- 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;