Skip to content

Commit 5c1819f

Browse files
♻️ [css] Fix typewrite typo + add comments for clarity + add unique tags
1 parent 22512d8 commit 5c1819f

File tree

5 files changed

+7
-7
lines changed

5 files changed

+7
-7
lines changed

snippets/css/animations/blink-animation.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: Blink Animation
33
description: Adds an infinite blinking animation to an element
44
author: AlsoKnownAs-Ax
5-
tags: css,animation
5+
tags: css,animation,blink,infinite
66
---
77

88
```css

snippets/css/animations/pulse-animation.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: Pulse Animation
33
description: Adds a smooth pulsing animation with opacity and scale effects
44
author: AlsoKnownAs-Ax
5-
tags: css,animation
5+
tags: css,animation,pulse,pulse-scale
66
---
77

88
```css

snippets/css/animations/shake-animation.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: Shake Animation
33
description: Adds a shake animation ( commonly used to mark invalid fields )
44
author: AlsoKnownAs-Ax
5-
tags: css,animation
5+
tags: css,shake,shake-horizontal
66
---
77

88
```css

snippets/css/animations/slide-in-animation.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: Slide-in Animation
33
description: Adds a slide-in from the right side of the screen
44
author: AlsoKnownAs-Ax
5-
tags: css,animation
5+
tags: css,animation,slide-in,slide-right
66
---
77

88
```css

snippets/css/animations/typewriter-animation.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: Typewriter Animation
33
description: Adds a typewriter animation + blinking cursor
44
author: AlsoKnownAs-Ax
5-
tags: css,animation
5+
tags: css,blinking,typewriter
66
---
77

88
```html
@@ -26,6 +26,8 @@ tags: css,animation
2626
border-right: 1px solid;
2727
margin-inline: auto;
2828
white-space: nowrap;
29+
/* The cursor will inherit the text's color by default */
30+
/* border-color: red */
2931
/* Steps: number of chars (better to set directly in js)*/
3032
animation: typing 3s steps(21) forwards,
3133
blink 1s step-end infinite;
@@ -35,8 +37,6 @@ tags: css,animation
3537
from{
3638
width: 0%
3739
}
38-
f
39-
4040
to{
4141
width: 100%
4242
}

0 commit comments

Comments
 (0)