fix bounceOut and Flash

UBC-CPEN · Nov 29, 2015 · b92c0dc · b92c0dc
1 parent e6c5393
commit b92c0dc
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 7 deletions.
diff --git a/example.html b/example.html
@@ -161,11 +161,12 @@ <h1 class="site__title mega">Animate.css</h1>
 
     <script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
     <script src="js/core.js"></script>
-	<script src="js/attention_seekers.js"></script>
-	<script src="js/bouncing_entrances.js"></script>
+    <script src="js/attention_seekers.js"></script>
+    <script src="js/bouncing_entrances.js"></script>
     <script src="js/bouncing_exits.js"></script>
     <script src="js/fading_entrances.js"></script>
-    <script type = "text/javascript" src = "https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js"></script>
+    <script src="js/fading_exits.js"></script>
+    <!--<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js"></script>-->
     <script>
         $(document).ready(function () {
             $("#useJs").change(function () {

diff --git a/js/attention_seekers.js b/js/attention_seekers.js
@@ -13,6 +13,8 @@ animateCss.bounce = function (e) {
 }
 
 animateCss.flash = function (e) {
-    //CODE TO ANIMATE flash
-    $(e).fadeIn(200).fadeOut(200).fadeIn(200).fadeOut(200).fadeIn(200);
+    $(e).fadeOut(250)
+        .fadeIn(250)
+        .fadeOut(250)
+        .fadeIn(250);
 }
diff --git a/js/bouncing_exits.js b/js/bouncing_exits.js
@@ -4,14 +4,14 @@ animateCss.bounceOut = function (e) {
             step: function (now, fx) {
                 $(this).css('-webkit-transform', "scale(" + now + ")");
             },
-            duration: 100,
+            duration: 70,
             easing: "swing",
         })
         .animate({ asdf: 0 }, {
             step: function (now, fx) {
                 $(this).css('-webkit-transform', "scale(" + now + ")");
             },
-            duration: 900,
+            duration: 650,
             easing: "easeInBack",
             complete: function () {
                 $(e).css('-webkit-transform', "scale(1)");