animations for new taskbar

less/keyframes.less

@@ -67,3 +67,86 @@
 	0%, 100% { opacity: 1; }
 	50% { opacity: 0.3; }
 }
+
+
+
+// originally from http://daneden.github.io/animate.css/
+@-webkit-keyframes bounceIn {
+  0%, 20%, 40%, 60%, 80%, 100% {
+    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+  }
+
+  0% {
+    opacity: 0;
+    -webkit-transform: scale3d(.3, .3, .3);
+    transform: scale3d(.3, .3, .3);
+  }
+
+  20% {
+    -webkit-transform: scale3d(1.1, 1.1, 1.1);
+    transform: scale3d(1.1, 1.1, 1.1);
+  }
+
+  40% {
+    -webkit-transform: scale3d(.9, .9, .9);
+    transform: scale3d(.9, .9, .9);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: scale3d(1.03, 1.03, 1.03);
+    transform: scale3d(1.03, 1.03, 1.03);
+  }
+
+  80% {
+    -webkit-transform: scale3d(.97, .97, .97);
+    transform: scale3d(.97, .97, .97);
+  }
+
+  100% {
+    opacity: 1;
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+}
+
+@keyframes bounceIn {
+  0%, 20%, 40%, 60%, 80%, 100% {
+    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+  }
+
+  0% {
+    opacity: 0;
+    -webkit-transform: scale3d(.3, .3, .3);
+    transform: scale3d(.3, .3, .3);
+  }
+
+  20% {
+    -webkit-transform: scale3d(1.1, 1.1, 1.1);
+    transform: scale3d(1.1, 1.1, 1.1);
+  }
+
+  40% {
+    -webkit-transform: scale3d(.9, .9, .9);
+    transform: scale3d(.9, .9, .9);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: scale3d(1.03, 1.03, 1.03);
+    transform: scale3d(1.03, 1.03, 1.03);
+  }
+
+  80% {
+    -webkit-transform: scale3d(.97, .97, .97);
+    transform: scale3d(.97, .97, .97);
+  }
+
+  100% {
+    opacity: 1;
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+}

modules/taskbar.less

@@ -31,10 +31,12 @@
 			float: left;
 
 			&.new a {
-				-webkit-animation: taskbar-active 3s infinite;
+				-webkit-animation-name: bounceIn;
-				-moz-animation: taskbar-active 3s infinite;
+  				animation-name: bounceIn;
-				-o-animation: taskbar-active 3s infinite;
+				-webkit-animation-duration: 1s;
-				animation: taskbar-active 3s infinite;
+				animation-duration: 1s;
+				-webkit-animation-fill-mode: both;
+				animation-fill-mode: both;
 			}
 
 			a {
@@ -56,15 +58,13 @@
 				margin-right: 1em;
 			}
 
-			&.pulse {
+			&.pulse a {
-				-webkit-animation: pulsate 2500ms linear;
+				-webkit-animation-name: bounceIn;
-				-webkit-animation-iteration-count: infinite;
+  				animation-name: bounceIn;
-			}
+				-webkit-animation-duration: 1s;
-
+				animation-duration: 1s;
-			@-webkit-keyframes pulsate {
+				-webkit-animation-fill-mode: both;
-				0% { background: none; }
+				animation-fill-mode: both;
-				50% { background: #e5e5e5; }
-				100% { background: none; }
 			}
 
 			&.taskbar-composer {