added custom css

iGetUploaded · Sep 30, 2024 · c752771 · c752771
1 parent f35c175
commit c752771
Show file tree

Hide file tree

Showing 3 changed files with 44 additions and 0 deletions.
diff --git a/Extra Imports/billboard.css → ExtraImports/billboard.css b/Extra Imports/billboard.css → ExtraImports/billboard.css
diff --git a/Extra Imports/readme.md → ExtraImports/readme.md b/Extra Imports/readme.md → ExtraImports/readme.md
@@ -6,5 +6,9 @@ Original author is MiniDiscordThemes I just updated it
 @import url(https://igetuploaded.github.io/css-snippets.io/ExtraImports/billboard.css);
 ```
 
+```css
+@import url(https://igetuploaded.github.io/css-snippets.io/ExtraImports/shake.css);
+```
+
 ### Screenshot
 ![68747470733a2f2f6d696e69646973636f72647468656d65732e6769746875622e696f2f536e6970706574732f42696c6c626f6172642f707265766965772e61766966](https://github.com/user-attachments/assets/0147b9c4-973e-4263-b21b-f632cefba93a)
diff --git a/ExtraImports/shake.css b/ExtraImports/shake.css
@@ -0,0 +1,40 @@
+.unread_d8bfb3 + div,
+.pill_a5ad63:not(:empty) + div {
+    animation: shake 0.5s infinite;
+}
+
+@keyframes shake {
+    0% {
+        transform: translate(1px, 1px) rotate(0deg);
+    }
+    10% {
+        transform: translate(-1px, -2px) rotate(-1deg);
+    }
+    20% {
+        transform: translate(-3px, 0px) rotate(1deg);
+    }
+    30% {
+        transform: translate(3px, 2px) rotate(0deg);
+    }
+    40% {
+        transform: translate(1px, -1px) rotate(1deg);
+    }
+    50% {
+        transform: translate(-1px, 2px) rotate(-1deg);
+    }
+    60% {
+        transform: translate(-3px, 1px) rotate(0deg);
+    }
+    70% {
+        transform: translate(3px, 1px) rotate(-1deg);
+    }
+    80% {
+        transform: translate(-1px, -1px) rotate(1deg);
+    }
+    90% {
+        transform: translate(1px, 2px) rotate(0deg);
+    }
+    100% {
+        transform: translate(1px, -2px) rotate(-1deg);
+    }
+}