Add Heart-Beat animation

README.md

@@ -81,6 +81,7 @@ You may [generate a SRI hash](https://www.srihash.org/) of that particular versi
 | `zoomOutDown`     | `zoomOutLeft`      | `zoomOutRight`      | `zoomOutUp`          |
 | `slideInDown`     | `slideInLeft`      | `slideInRight`      | `slideInUp`          |
 | `slideOutDown`    | `slideOutLeft`     | `slideOutRight`     | `slideOutUp`         |
+| `heartBeat`       |
 
 Full example:
 

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,61 @@
   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,29 @@
+@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{
+  animation-name: heartBeat;
+  animation-duration: 1.3s;
+  animation-timing-function: ease-in-out;
+}