From 5deb9f7b7440d194cce23d05846a4a26bc5f03f5 Mon Sep 17 00:00:00 2001
From: James George <jamesgeorge998001@gmail.com>
Date: Sat, 14 Jul 2018 12:07:20 +0530
Subject: [PATCH] :smiley: Add hertBeat animation as a fix to issue #829

---
 animate-config.json                    |  3 +-
 animate.css                            | 44 ++++++++++++++++++++++++++
 source/attention_seekers/heartBeat.css | 24 ++++++++++++++
 3 files changed, 70 insertions(+), 1 deletion(-)
 create mode 100644 source/attention_seekers/heartBeat.css

diff --git a/animate-config.json b/animate-config.json
index 5822863..deec7a6 100644
--- a/animate-config.json
+++ b/animate-config.json
@@ -9,7 +9,8 @@
     "swing": true,
     "tada": true,
     "wobble": true,
-    "jello": true
+    "jello": true,
+    "hearBeat": true
   },
 
   "bouncing_entrances": {
diff --git a/animate.css b/animate.css
index 98f29c2..77b693d 100644
--- a/animate.css
+++ b/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);
diff --git a/source/attention_seekers/heartBeat.css b/source/attention_seekers/heartBeat.css
new file mode 100644
index 0000000..c313acb
--- /dev/null
+++ b/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;
+}