From b81b2a0023d19196a620cd53396743c4b2ab4db3 Mon Sep 17 00:00:00 2001 From: ethylotest Date: Mon, 22 Mar 2021 13:12:05 +0100 Subject: [PATCH] enleve l'ancienne animation --- styles/index.css | 31 ++----------------------------- 1 file changed, 2 insertions(+), 29 deletions(-) diff --git a/styles/index.css b/styles/index.css index 675c245..2b878f2 100644 --- a/styles/index.css +++ b/styles/index.css @@ -93,43 +93,16 @@ body main { /*------------------------------------------*/ /*THE ANIMATION*/ -@keyframes position { - 0% {transform: translate( 0%, 0%);} - 5% {transform: translate( 0.5%, -0.5%);} - 10% {transform: translate( 1%, 0%);} - 15% {transform: translate( 0.5%, -0.5%);} - 20% {transform: translate( 0%, -1%);} - 25% {transform: translate(-0.5%, -0.5%);} - 30% {transform: translate( -1%, 0%);} - 35% {transform: translate(-0.5%, -0.5%);} - 40% {transform: translate( 0%, -1%);} - 45% {transform: translate(-0.5%, -0.5%);} - 50% {transform: translate( -1%, 0%);} - 55% {transform: translate(-0.5%, 0.5%);} - 60% {transform: translate( 0%, 1%);} - 65% {transform: translate( 0.5%, 0.5%);} - 70% {transform: translate( 1%, 1%);} - 75% {transform: translate( 0.5%, 0.5%);} - 80% {transform: translate( 1%, 0%);} - 85% {transform: translate( 0.5%, -0.5%);} - 90% {transform: translate( 0%, -1%);} - 95% {transform: translate(-0.5%, -0.5%);} - 100% {transform: translate( -1%, 0%);} -} @keyframes rotation { from {transform: rotate(0deg); transform-origin: 50% 50.5%;} to {transform: rotate(360deg); transform-origin: 50.5% 50%;} } .logo_bubbles .circle { - animation-name: position; - animation-duration: 8s; + animation-name: rotation; + animation-duration: 1s; animation-delay: 0s; animation-timing-function: linear; animation-iteration-count: infinite; - animation-direction: alternate; - - animation-name: rotation; - animation-duration: 1s; animation-direction: normal; } .logo_bubbles .circle._1 {