From e5f2fdcb2f50c21f869e92c97553b384a0a9eaa6 Mon Sep 17 00:00:00 2001 From: ethylotest Date: Tue, 23 Mar 2021 15:18:36 +0100 Subject: [PATCH] ajustement animation accueil --- styles/index.css | 20 ++++++++++++-------- 1 file changed, 12 insertions(+), 8 deletions(-) diff --git a/styles/index.css b/styles/index.css index 2b878f2..be857dd 100644 --- a/styles/index.css +++ b/styles/index.css @@ -95,29 +95,33 @@ body main { /*THE ANIMATION*/ @keyframes rotation { from {transform: rotate(0deg); transform-origin: 50% 50.5%;} - to {transform: rotate(360deg); transform-origin: 50.5% 50%;} + to {transform: rotate(360deg); transform-origin: 50% 50%;} } .logo_bubbles .circle { animation-name: rotation; - animation-duration: 1s; animation-delay: 0s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: normal; } .logo_bubbles .circle._1 { - animation-delay: -0.8s; + animation-duration: 1s; + animation-delay: 0s; animation-direction: reverse; } .logo_bubbles .circle._2 { - animation-delay: -2.7s; -} -.logo_bubbles .circle._3 { - animation-delay: -1.3s; + animation-duration: 2s; + animation-delay: 0.7s; animation-direction: reverse; } +.logo_bubbles .circle._3 { + animation-duration: 1.5s; + animation-delay: 0.3s; +} .logo_bubbles .circle._4 { - animation-delay: 0s; + animation-duration: 1s; + animation-delay: 0.5s; + animation-direction: reverse; }