svg/css add opacity & speed up

1 files changed, 6 insertions, 3 deletions

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 ;
 }