From fea1063ecd861829ee44d9c43bc4d7e3c3b2c12d Mon Sep 17 00:00:00 2001
From: --Ax- <andreiamzu@yahoo.com>
Date: Fri, 3 Jan 2025 02:38:46 +0100
Subject: [PATCH 1/8] =?UTF-8?q?=E2=9C=A8=20[css]=20Add=20blinking=20animat?=
 =?UTF-8?q?ion=20snippet?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 snippets/css/animations/blink-animation.md | 24 ++++++++++++++++++++++
 1 file changed, 24 insertions(+)
 create mode 100644 snippets/css/animations/blink-animation.md

diff --git a/snippets/css/animations/blink-animation.md b/snippets/css/animations/blink-animation.md
new file mode 100644
index 00000000..d80b481c
--- /dev/null
+++ b/snippets/css/animations/blink-animation.md
@@ -0,0 +1,24 @@
+---
+title: Blink Animation
+description: Adds an infinite blinking animation to an element
+author: AlsoKnownAs-Ax
+tags: css,animation
+---
+
+```css
+.parent {
+    animation: blink 1s linear infinite;
+}
+
+@keyframes blink{
+    0%{
+        opacity: 0;
+    }
+    50%{
+        opacity: 1;
+    }
+    100%{
+        opacity: 0;
+    }
+}
+```

From f4f888f2728941e855d7e67dead4af3c63cb18c0 Mon Sep 17 00:00:00 2001
From: --Ax- <andreiamzu@yahoo.com>
Date: Fri, 3 Jan 2025 02:41:48 +0100
Subject: [PATCH 2/8] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20[css]=20renamed=20the?=
 =?UTF-8?q?=20parent=20element=20to=20blink?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 snippets/css/animations/blink-animation.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/snippets/css/animations/blink-animation.md b/snippets/css/animations/blink-animation.md
index d80b481c..6574157b 100644
--- a/snippets/css/animations/blink-animation.md
+++ b/snippets/css/animations/blink-animation.md
@@ -6,7 +6,7 @@ tags: css,animation
 ---
 
 ```css
-.parent {
+.blink {
     animation: blink 1s linear infinite;
 }
 

From 66846d7d7fab2af86b5cddc82e56e839d9c84cf6 Mon Sep 17 00:00:00 2001
From: --Ax- <andreiamzu@yahoo.com>
Date: Fri, 3 Jan 2025 02:46:43 +0100
Subject: [PATCH 3/8] =?UTF-8?q?=E2=9C=A8=20[css]=20Add=20slide-in=20animat?=
 =?UTF-8?q?ion?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 snippets/css/animations/slide-in-animation.md | 24 +++++++++++++++++++
 1 file changed, 24 insertions(+)
 create mode 100644 snippets/css/animations/slide-in-animation.md

diff --git a/snippets/css/animations/slide-in-animation.md b/snippets/css/animations/slide-in-animation.md
new file mode 100644
index 00000000..29707a98
--- /dev/null
+++ b/snippets/css/animations/slide-in-animation.md
@@ -0,0 +1,24 @@
+---
+title: Slide-in Animation
+description: Adds a slide-in from the right side of the screen
+author: AlsoKnownAs-Ax
+tags: css,animation
+---
+
+```css
+.slide-in {
+    animation: slide-in 1s ease-in-out;
+}
+
+@keyframes slide-in {
+    from {
+        scale: 300% 1;
+        translate: 150vw 0;
+    }
+
+    to {
+        scale: 100% 1;
+        translate: 0 0;
+    }
+}
+```

From 60c13b3d275cfd732d12ec05c7fffeed43e7a02c Mon Sep 17 00:00:00 2001
From: --Ax- <andreiamzu@yahoo.com>
Date: Fri, 3 Jan 2025 02:51:10 +0100
Subject: [PATCH 4/8] =?UTF-8?q?=E2=9C=A8=20[css]=20Add=20pulse=20animation?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 snippets/css/animations/pulse-animation.md | 27 ++++++++++++++++++++++
 1 file changed, 27 insertions(+)
 create mode 100644 snippets/css/animations/pulse-animation.md

diff --git a/snippets/css/animations/pulse-animation.md b/snippets/css/animations/pulse-animation.md
new file mode 100644
index 00000000..45eb1d45
--- /dev/null
+++ b/snippets/css/animations/pulse-animation.md
@@ -0,0 +1,27 @@
+---
+title: Pulse Animation
+description: Adds a smooth pulsing animation with opacity and scale effects
+author: AlsoKnownAs-Ax
+tags: css,animation
+---
+
+```css
+.pulse {
+    animation: pulse 2s ease-in-out infinite;
+}
+
+@keyframes pulse {
+  0% {
+    opacity: 0.5;
+    transform: scale(1);
+  }
+  50% {
+    opacity: 1;
+    transform: scale(1.05);
+  }
+  100% {
+    opacity: 0.5;
+    transform: scale(1);
+  }
+}
+```

From 2622a355801e29d575eb0b446bd5e7c61a535c9d Mon Sep 17 00:00:00 2001
From: --Ax- <andreiamzu@yahoo.com>
Date: Fri, 3 Jan 2025 03:13:54 +0100
Subject: [PATCH 5/8] =?UTF-8?q?=E2=9C=A8=20[css]=20Add=20Shake=20animation?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 snippets/css/animations/shake-animation.md | 27 ++++++++++++++++++++++
 1 file changed, 27 insertions(+)
 create mode 100644 snippets/css/animations/shake-animation.md

diff --git a/snippets/css/animations/shake-animation.md b/snippets/css/animations/shake-animation.md
new file mode 100644
index 00000000..0eadb2a2
--- /dev/null
+++ b/snippets/css/animations/shake-animation.md
@@ -0,0 +1,27 @@
+---
+title: Shake Animation
+description: Adds a shake animation ( commonly used to mark invalid fields )
+author: AlsoKnownAs-Ax
+tags: css,animation
+---
+
+```css
+.shake {
+    animation: shake .5s ease-in-out;
+}
+
+@keyframes shake {
+  0%, 100% {
+    transform: translateX(0);
+  }
+  25% {
+    transform: translateX(-10px);
+  }
+  50% {
+    transform: translateX(10px);
+  }
+  75% {
+    transform: translateX(-10px);
+  }
+}
+```

From 22512d8a49526cac631eb75036e1e17416f8d16c Mon Sep 17 00:00:00 2001
From: --Ax- <andreiamzu@yahoo.com>
Date: Fri, 3 Jan 2025 03:14:05 +0100
Subject: [PATCH 6/8] =?UTF-8?q?=E2=9C=A8=20[css]=20Add=20typewriter=20anim?=
 =?UTF-8?q?ation?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../css/animations/typewriter-animation.md    | 50 +++++++++++++++++++
 1 file changed, 50 insertions(+)
 create mode 100644 snippets/css/animations/typewriter-animation.md

diff --git a/snippets/css/animations/typewriter-animation.md b/snippets/css/animations/typewriter-animation.md
new file mode 100644
index 00000000..02f69f0f
--- /dev/null
+++ b/snippets/css/animations/typewriter-animation.md
@@ -0,0 +1,50 @@
+---
+title: Typewriter Animation
+description: Adds a typewriter animation + blinking cursor
+author: AlsoKnownAs-Ax
+tags: css,animation
+---
+
+```html
+    <div class="typewriter">
+      <div>
+          <p>Typerwriter Animation</p>
+      </div>
+    </div>
+```
+
+```css
+    .typewriter{
+        display: flex;
+        justify-content: center;
+    }
+
+    .typewriter p {
+        overflow: hidden;
+        font-size: 1.5rem;
+        font-family: monospace;
+        border-right: 1px solid;
+        margin-inline: auto;
+        white-space: nowrap;
+        /* Steps: number of chars (better to set directly in js)*/
+        animation: typing 3s steps(21) forwards,
+        blink 1s step-end infinite;
+    }
+
+    @keyframes typing{
+        from{
+            width: 0%
+        }
+        f
+
+        to{
+            width: 100%
+        }
+    }
+
+    @keyframes blink{
+        50%{
+            border-color: transparent;
+        }
+    }
+```

From 5c1819fab785b4aa3a89911985aafd1cf6fdf454 Mon Sep 17 00:00:00 2001
From: --Ax- <andreiamzu@yahoo.com>
Date: Fri, 3 Jan 2025 16:23:17 +0100
Subject: [PATCH 7/8] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20[css]=20Fix=20typewrit?=
 =?UTF-8?q?e=20typo=20+=20add=20comments=20for=20clarity=20+=20add=20uniqu?=
 =?UTF-8?q?e=20tags?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 snippets/css/animations/blink-animation.md      | 2 +-
 snippets/css/animations/pulse-animation.md      | 2 +-
 snippets/css/animations/shake-animation.md      | 2 +-
 snippets/css/animations/slide-in-animation.md   | 2 +-
 snippets/css/animations/typewriter-animation.md | 6 +++---
 5 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/snippets/css/animations/blink-animation.md b/snippets/css/animations/blink-animation.md
index 6574157b..7f7149f9 100644
--- a/snippets/css/animations/blink-animation.md
+++ b/snippets/css/animations/blink-animation.md
@@ -2,7 +2,7 @@
 title: Blink Animation
 description: Adds an infinite blinking animation to an element
 author: AlsoKnownAs-Ax
-tags: css,animation
+tags: css,animation,blink,infinite
 ---
 
 ```css
diff --git a/snippets/css/animations/pulse-animation.md b/snippets/css/animations/pulse-animation.md
index 45eb1d45..4c27afdf 100644
--- a/snippets/css/animations/pulse-animation.md
+++ b/snippets/css/animations/pulse-animation.md
@@ -2,7 +2,7 @@
 title: Pulse Animation
 description: Adds a smooth pulsing animation with opacity and scale effects
 author: AlsoKnownAs-Ax
-tags: css,animation
+tags: css,animation,pulse,pulse-scale
 ---
 
 ```css
diff --git a/snippets/css/animations/shake-animation.md b/snippets/css/animations/shake-animation.md
index 0eadb2a2..64a7cc86 100644
--- a/snippets/css/animations/shake-animation.md
+++ b/snippets/css/animations/shake-animation.md
@@ -2,7 +2,7 @@
 title: Shake Animation
 description: Adds a shake animation ( commonly used to mark invalid fields )
 author: AlsoKnownAs-Ax
-tags: css,animation
+tags: css,shake,shake-horizontal
 ---
 
 ```css
diff --git a/snippets/css/animations/slide-in-animation.md b/snippets/css/animations/slide-in-animation.md
index 29707a98..fd10b24c 100644
--- a/snippets/css/animations/slide-in-animation.md
+++ b/snippets/css/animations/slide-in-animation.md
@@ -2,7 +2,7 @@
 title: Slide-in Animation
 description: Adds a slide-in from the right side of the screen
 author: AlsoKnownAs-Ax
-tags: css,animation
+tags: css,animation,slide-in,slide-right
 ---
 
 ```css
diff --git a/snippets/css/animations/typewriter-animation.md b/snippets/css/animations/typewriter-animation.md
index 02f69f0f..bb1477cf 100644
--- a/snippets/css/animations/typewriter-animation.md
+++ b/snippets/css/animations/typewriter-animation.md
@@ -2,7 +2,7 @@
 title: Typewriter Animation
 description: Adds a typewriter animation + blinking cursor
 author: AlsoKnownAs-Ax
-tags: css,animation
+tags: css,blinking,typewriter
 ---
 
 ```html
@@ -26,6 +26,8 @@ tags: css,animation
         border-right: 1px solid;
         margin-inline: auto;
         white-space: nowrap;
+        /* The cursor will inherit the text's color by default */
+        /* border-color: red */                
         /* Steps: number of chars (better to set directly in js)*/
         animation: typing 3s steps(21) forwards,
         blink 1s step-end infinite;
@@ -35,8 +37,6 @@ tags: css,animation
         from{
             width: 0%
         }
-        f
-
         to{
             width: 100%
         }

From 52be1f002c67cb8692ca246d2c91b9d09eaec380 Mon Sep 17 00:00:00 2001
From: --Ax- <andreiamzu@yahoo.com>
Date: Fri, 3 Jan 2025 17:43:24 +0100
Subject: [PATCH 8/8] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20[css]=20Removed=20unne?=
 =?UTF-8?q?cessary=20tags?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 snippets/css/animations/blink-animation.md      | 2 +-
 snippets/css/animations/pulse-animation.md      | 2 +-
 snippets/css/animations/shake-animation.md      | 2 +-
 snippets/css/animations/slide-in-animation.md   | 2 +-
 snippets/css/animations/typewriter-animation.md | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/snippets/css/animations/blink-animation.md b/snippets/css/animations/blink-animation.md
index 7f7149f9..d3a91390 100644
--- a/snippets/css/animations/blink-animation.md
+++ b/snippets/css/animations/blink-animation.md
@@ -2,7 +2,7 @@
 title: Blink Animation
 description: Adds an infinite blinking animation to an element
 author: AlsoKnownAs-Ax
-tags: css,animation,blink,infinite
+tags: animation,blink,infinite
 ---
 
 ```css
diff --git a/snippets/css/animations/pulse-animation.md b/snippets/css/animations/pulse-animation.md
index 4c27afdf..f7aeb2f1 100644
--- a/snippets/css/animations/pulse-animation.md
+++ b/snippets/css/animations/pulse-animation.md
@@ -2,7 +2,7 @@
 title: Pulse Animation
 description: Adds a smooth pulsing animation with opacity and scale effects
 author: AlsoKnownAs-Ax
-tags: css,animation,pulse,pulse-scale
+tags: animation,pulse,pulse-scale
 ---
 
 ```css
diff --git a/snippets/css/animations/shake-animation.md b/snippets/css/animations/shake-animation.md
index 64a7cc86..01f78088 100644
--- a/snippets/css/animations/shake-animation.md
+++ b/snippets/css/animations/shake-animation.md
@@ -2,7 +2,7 @@
 title: Shake Animation
 description: Adds a shake animation ( commonly used to mark invalid fields )
 author: AlsoKnownAs-Ax
-tags: css,shake,shake-horizontal
+tags: shake,shake-horizontal
 ---
 
 ```css
diff --git a/snippets/css/animations/slide-in-animation.md b/snippets/css/animations/slide-in-animation.md
index fd10b24c..02dd5a2a 100644
--- a/snippets/css/animations/slide-in-animation.md
+++ b/snippets/css/animations/slide-in-animation.md
@@ -2,7 +2,7 @@
 title: Slide-in Animation
 description: Adds a slide-in from the right side of the screen
 author: AlsoKnownAs-Ax
-tags: css,animation,slide-in,slide-right
+tags: animation,slide-in,slide-right
 ---
 
 ```css
diff --git a/snippets/css/animations/typewriter-animation.md b/snippets/css/animations/typewriter-animation.md
index bb1477cf..b8e0ad11 100644
--- a/snippets/css/animations/typewriter-animation.md
+++ b/snippets/css/animations/typewriter-animation.md
@@ -2,7 +2,7 @@
 title: Typewriter Animation
 description: Adds a typewriter animation + blinking cursor
 author: AlsoKnownAs-Ax
-tags: css,blinking,typewriter
+tags: blinking,typewriter
 ---
 
 ```html