Testing glitch effect.

DragonsRule10 · Apr 2, 2024 · a992a6b · a992a6b
1 parent ca84d13
commit a992a6b
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 5 deletions.
diff --git a/assets/deleted_audit.png b/assets/deleted_audit.png
diff --git a/assets/edited_audit.png b/assets/edited_audit.png
diff --git a/assets/nick_audit.png b/assets/nick_audit.png
diff --git a/assets/societyunites.png b/assets/societyunites.png
diff --git a/glitchtest.html b/glitchtest.html
@@ -20,7 +20,7 @@
         width: 20px;
         height: 100%;
         background: linear-gradient(to bottom, #f00 0%, #00f 100%);
-        animation: glitch-anim 2s infinite linear alternate-reverse;
+        animation: glitch-anim 0.5s infinite linear alternate-reverse;
         z-index: 1;
     }
 
@@ -36,18 +36,18 @@
 
     @keyframes glitch-anim {
         0% {
-            transform: translateY(-5px);
+            transform: translateY(-2px);
         }
         100% {
-            transform: translateY(5px);
+            transform: translateY(2px);
         }
     }
 </style>
 </head>
 <body>
-<div class="content">
+    <div class="content">
         <h1>Welcome to My Glitchy Website!</h1>
         <p>This is some content on my glitchy website. Feel free to add more elements like images, paragraphs, lists, etc.</p>
-</div>
+    </div>
 </body>
 </html>