From 7f7a42ad37c6b131f511052a97875788afe0dfe7 Mon Sep 17 00:00:00 2001 From: Manuel Hiebel Date: Mon, 18 Jan 2021 19:42:00 +0100 Subject: svg/css add opacity & speed up --- test/mga8.php | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) (limited to 'test') diff --git a/test/mga8.php b/test/mga8.php index 728147d01..e9c9c3cd7 100644 --- a/test/mga8.php +++ b/test/mga8.php @@ -221,7 +221,7 @@ $rtl = is_locale_rtl($locale); @keyframes float { 0% { - transform: translateY(0em); + transform: translateY(0em); } 100% { transform: translateY(2em); @@ -231,6 +231,9 @@ $rtl = is_locale_rtl($locale); 0% { opacity: 0; } + 60% { + opacity: 0.10; + } 100% { opacity: 1; } @@ -257,7 +260,7 @@ svg { } svg .bubble { opacity: 0; - animation: fade-in 2s infinite, float 2s ease infinite reverse ; + 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;*/ } @@ -278,7 +281,7 @@ svg .bubble:nth-child(5) { } -svg .text, .cauldron { +svg .text { opacity: 0; animation: fade-in 1s forwards ; } -- cgit v1.2.1