feat: added shakeFade animation to animate.css

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)

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;
+}