From 01963c9d7a614151a9152a0ab32615ee13e2a1a2 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Sun, 25 Dec 2022 23:51:17 +0800
Subject: [PATCH] Try different heart animation

---
 src/components/status.css | 19 +++++++------------
 1 file changed, 7 insertions(+), 12 deletions(-)

diff --git a/src/components/status.css b/src/components/status.css
index b414312b..3eb23e5c 100644
--- a/src/components/status.css
+++ b/src/components/status.css
@@ -605,25 +605,20 @@ a.card:hover {
 }
 @keyframes hearted {
   20% {
-    transform: rotate(10deg) scale(1);
+    transform: scale(1.25) translateY(-1px);
   }
-  40% {
-    transform: rotate(-10deg) scale(1.25);
+  45% {
+    transform: scale(1);
   }
-  60% {
-    transform: rotate(10deg) scale(1.75);
-  }
-  80% {
-    transform: rotate(-10deg) scale(2);
+  70% {
+    transform: scale(1.5) translateY(-2px);
   }
   100% {
-    transform: rotate(10deg) scale(2.25);
-    opacity: 0;
+    transform: scale(1);
   }
 }
 .status .action > button.plain.favourite-button.checked .icon {
-  transform-origin: bottom center;
-  animation: hearted 1s ease-in-out;
+  animation: hearted 1s ease-out;
 }
 .status .action > button.plain.bookmark-button.checked {
   color: var(--link-color);