Changes to Animation

diff --git a/images/bubble.png b/images/bubble.png
index 381f0d2f1a080a62dd5fe068123f10e5efcc1cdf..45d030f9e2717faf864386ef9c3b5c5a2d62c574 100644 (file)
Binary files a/images/bubble.png and b/images/bubble.png differ

diff --git a/sass/app.scss b/sass/app.scss
index 5181ac7bcd26c513d333803f112eafbee60b2298..1c4e1615ebf8a872f4a4055918c1be33b1d52af5 100644 (file)
--- a/sass/app.scss
+++ b/sass/app.scss
@@ -127,8 +127,8 @@ p { font-size: emCalc(14px); }
 .bubble.float { opacity: 0;-webkit-animation: purple-bubbles 5s ease-in infinite; animation: purple-bubbles 5s ease-in infinite; }
   @-webkit-keyframes purple-bubbles {  
     0% { -webkit-transform: scale(0); opacity: 0; top:100%; }
-    4% {-webkit-transform: scale(0);opacity: 0.5;}
-    15% { -webkit-transform: scale(0.90);opacity: 1; }
+    17% { -webkit-transform: scale(0.1);opacity: 1; }
+    19% { -webkit-transform: scale(0.90);opacity: 1; }
     20% { -webkit-transform: scale(1); }
     25% { -webkit-transform: scale(1.1); }
     30% { -webkit-transform: scale(0.95); }
@@ -144,7 +144,7 @@ p { font-size: emCalc(14px); }
     25% { -webkit-transform: scale(1.1); }
     30% { -webkit-transform: scale(0.95); }
     45% { -webkit-transform: scale(1.1); }
-    71% {-webkit-transform: scale(1);top: 0;opacity: 0;}
+    91% {-webkit-transform: scale(1);top: 0;opacity: 0;}
     100% { -webkit-transform: scale(0); top: 0%; opacity: 0; }
   }
 

diff --git a/stylesheets/app.css b/stylesheets/app.css
index 5ff31179655bfc42da35b13a13b0c195d8282362..0b515e2d460a22ebbd3ae549fb42bb0465b05598 100644 (file)
--- a/stylesheets/app.css
+++ b/stylesheets/app.css
@@ -9521,13 +9521,13 @@ p {
   }
 
   /* line 130, ../sass/app.scss */
-  4% {
-    -webkit-transform: scale(0);
-    opacity: 0.5;
+  17% {
+    -webkit-transform: scale(0.1);
+    opacity: 1;
   }
 
   /* line 131, ../sass/app.scss */
-  15% {
+  19% {
     -webkit-transform: scale(0.9);
     opacity: 1;
   }
@@ -9607,7 +9607,7 @@ p {
   }
 
   /* line 147, ../sass/app.scss */
-  71% {
+  91% {
     -webkit-transform: scale(1);
     top: 0;
     opacity: 0;