From 996ec1db5c2d7bf9140a179505cd840f5df27f91 Mon Sep 17 00:00:00 2001 From: Manuel Hiebel Date: Tue, 26 Jan 2021 21:45:12 +0100 Subject: optimise svg and css --- test/mga8.php | 57 ++++++++++++++++++--------------------------------------- 1 file changed, 18 insertions(+), 39 deletions(-) (limited to 'test') diff --git a/test/mga8.php b/test/mga8.php index e9c9c3cd7..f18ca80d4 100644 --- a/test/mga8.php +++ b/test/mga8.php @@ -82,7 +82,6 @@ $rtl = is_locale_rtl($locale); /**/ } #dl-btn-mageia { - /* background: url(/g/media/logo/mageia-2013-anim.svg) no-repeat; */ width: 204px; height: 82px; display: block; @@ -239,6 +238,18 @@ $rtl = is_locale_rtl($locale); } } +@keyframes fade-out { + 0%,70% { + opacity: 1; + } + 90% { + opacity: 0.1; + } + 100% { + opacity: 0; + } +} + @keyframes slide-out-blurred-top { 0% { transform: translateY(0) scaleY(1) scaleX(1); @@ -254,12 +265,8 @@ $rtl = is_locale_rtl($locale); } } -svg { - width: 240px; - height: 100px; -} svg .bubble { - opacity: 0; + opacity: 1; animation: fade-in 1.4s infinite, float 1.4s ease infinite reverse ; /*animation: slide-out-blurred-top 0.45s cubic-bezier(1,0.03,1,.0) infinite;*/ } @@ -280,10 +287,9 @@ svg .bubble:nth-child(5) { animation-delay: 1s; } - svg .text { - opacity: 0; - animation: fade-in 1s forwards ; + opacity: 1; + animation: fade-out 8s ease infinite ; } svg .text:nth-child(1) { @@ -313,6 +319,7 @@ svg .text:nth-child(8) { svg .text:nth-child(9) { animation-delay: 1.8s; } + > @@ -373,36 +380,8 @@ svg .text:nth-child(9) {

- - - + + -- cgit v1.2.1