😃 Add hertBeat animation as a fix to issue #829

Author: jamesgeorge007

animate-config.json

@@ -9,7 +9,8 @@
     "swing": true,
     "tada": true,
     "wobble": true,
-    "jello": true
+    "jello": true,
+    "hearBeat": true
   },
 
   "bouncing_entrances": {

animate.css

@@ -370,6 +370,50 @@
   animation-name: headShake;
 }
 
+@-webkit-keyframes heartBeat{
+  0%{
+    transform: scale(1);
+  }
+  14%{
+    transform: scale(1.3);
+  }
+  28%{
+    transform: scale(1);
+  }
+  42%{
+    transform: scale(1.3);
+  }
+  70%{
+    transform: scale(1);
+  }
+}
+
+@keyframes heartBeat{
+  0%{
+    transform: scale(1);
+  }
+  14%{
+    transform: scale(1.3);
+  }
+  28%{
+    transform: scale(1);
+  }
+  42%{
+    transform: scale(1.3);
+  }
+  70%{
+    transform: scale(1);
+  }
+}
+.heartBeat{
+  -webkit-animation-name: heartBeat;
+  animation-name: heartBeat;
+  -webkit-animation-duration: 1.3s;
+  animation-duration: 1.3s;
+  -webkit-animation-timing-function: ease-in-out;
+  animation-timing-function: ease-in-out;
+}
+
 @-webkit-keyframes swing {
   20% {
     -webkit-transform: rotate3d(0, 0, 1, 15deg);

source/attention_seekers/heartBeat.css

@@ -0,0 +1,24 @@
+@keyframes heartBeat{
+  0%{
+    transform: scale(1);
+  }
+  14%{
+    transform: scale(1.3);
+  }
+  28%{
+    transform: scale(1);
+  }
+  42%{
+    transform: scale(1.3);
+  }
+  70%{
+    transform: scale(1);
+  }
+}
+.heartBeat{
+  -webkit-animation-name: heartBeat;
+  animation-name: heartBeat;
+  -webkit-animation-duration: 1.3s;
+  animation-duration: 1.3s;
+  animation-timing-function: ease-in-out;
+}