From f023314e5b1f96eefb9ae131dd1cfef622a9810a Mon Sep 17 00:00:00 2001
From: Nafisa-tamboli <142076132+Nafisa-tamboli@users.noreply.github.com>
Date: Sun, 20 Jul 2025 20:01:51 +0530
Subject: [PATCH] feat: added shakeFade animation to animate.css

---
 README.md   |  2 ++
 animate.css | 18 ++++++++++++++++++
 2 files changed, 20 insertions(+)

diff --git a/README.md b/README.md
index c7ae5e378..719144d35 100644
--- a/README.md
+++ b/README.md
@@ -46,3 +46,5 @@ This project and everyone participating in it is governed by the [Contributor Co
 ## Contributing
 
 Pull requests are the way to go here. We only have two rules for submitting a pull request: match the naming convention (camelCase, categorised [fades, bounces, etc]) and let us see a demo of submitted animations in a [pen](https://codepen.io). That **last one is important**.
+
+- `shake-fade`: new subtle shake + fade animation (added by @Nafisa-tamboli)
diff --git a/animate.css b/animate.css
index adaab2fb3..f95146499 100644
--- a/animate.css
+++ b/animate.css
@@ -4072,3 +4072,21 @@
   -webkit-animation-name: slideOutUp;
   animation-name: slideOutUp;
 }
+@keyframes shakeFade {
+  0% {
+    transform: translateX(0);
+    opacity: 1;
+  }
+  50% {
+    transform: translateX(-10px);
+    opacity: 0.5;
+  }
+  100% {
+    transform: translateX(0);
+    opacity: 1;
+  }
+}
+
+.shake-fade {
+  animation-name: shakeFade;
+}