⭐ Update README.md

Author: Sstudiosdev

docs/css/animations/README.md

@@ -1 +1,201 @@
-# Lasted
+# Animation Documentation - Sstudiosdev-lib
+The **Sstudiosdev-lib** library provides a range of predefined animations to enhance the user experience on web applications. These animations are easy to implement and can be customized to suit the project's needs.
+
+# List of Available Animations
+
+All animations are from the latest version of the npm library.
+
+# fadeIn
+
+```html
+    <div class="example fadeIn">
+        This message is an example
+    </div>
+```
+
+# fadeOut
+
+```html
+    <div class="example fadeOut">
+        This message is an example
+    </div>
+```
+
+# shake
+
+```html
+    <div class="example shake">
+        This message is an example
+    </div>
+```
+
+# bounce
+
+```html
+    <div class="example bounce">
+        This message is an example
+    </div>
+```
+
+# pulse
+
+```html
+    <div class="example pulse">
+        This message is an example
+    </div>
+```
+
+# spin
+
+```html
+    <div class="example spin">
+        This message is an example
+    </div>
+```
+
+# slideIn
+
+```html
+    <div class="example slideIn">
+        This message is an example
+    </div>
+```
+
+# slideOut
+
+```html
+    <div class="example slideOut">
+        This message is an example
+    </div>
+```
+
+# flash
+
+```html
+    <div class="example flash">
+        This message is an example
+    </div>
+```
+
+# rubberBand
+
+```html
+    <div class="example rubberBand">
+        This message is an example
+    </div>
+```
+
+# swing
+
+```html
+    <div class="example swing">
+        This message is an example
+    </div>
+```
+
+# wobble
+
+```html
+    <div class="example wobble">
+        This message is an example
+    </div>
+```
+
+# rollIn
+
+```html
+    <div class="example rollIn">
+        This message is an example
+    </div>
+```
+
+# rollOut
+
+```html
+    <div class="example rollOut">
+        This message is an example
+    </div>
+```
+
+# heartBeat
+
+```html
+    <div class="example heartBeat">
+        This message is an example
+    </div>
+```
+
+# tada
+
+```html
+    <div class="example tada">
+        This message is an example
+    </div>
+```
+
+# jello
+
+```html
+    <div class="example jello">
+        This message is an example
+    </div>
+```
+
+# jackInTheBox
+
+```html
+    <div class="example jackInTheBox">
+        This message is an example
+    </div>
+```
+
+# puffIn
+
+```html
+    <div class="example puffIn">
+        This message is an example
+    </div>
+```
+
+# puffOut
+
+```html
+    <div class="example puffOut">
+        This message is an example
+    </div>
+```
+
+# fadeInDown
+
+```html
+    <div class="example fadeInDown">
+        This message is an example
+    </div>
+```
+
+# fadeOutUp
+
+```html
+    <div class="example fadeOutUp">
+        This message is an example
+    </div>
+```
+
+# rotateIn
+
+```html
+    <div class="example rotateIn">
+        This message is an example
+    </div>
+```
+
+# rotateOut
+
+```html
+    <div class="example rotateOut">
+        This message is an example
+    </div>
+```
+
+# Button animations
+