another fix

leemeichin · Jul 20, 2024 · d33c9cd · d33c9cd
1 parent 98e1463
commit d33c9cd
Showing 1 changed file with 7 additions and 30 deletions.
diff --git a/org/posts/yes-i-can-create-null-pointers-in-css.org b/org/posts/yes-i-can-create-null-pointers-in-css.org
@@ -8,13 +8,14 @@
   cursor: url(/img/yes-i-can-create-null-pointers-in-css/nullpointer.cur), not-allowed !important;
 }
 
-.glitch{
-  color:white;
-  font-size:100px;
-  position:relative;
-  width:400px;
-  margin:0 auto;
+.nullptr::after {
+  animation: noise-anim 2s infinite linear alternate-reverse;
 }
+
+.nullptr::before {
+  animation: noise-anim-2 3s infinite linear alternate-reverse;
+}
+
 @keyframes noise-anim{
   $steps:20;
   @for $i from 0 through $steps{
@@ -23,18 +24,6 @@
     }
   }
 }
-.glitch:after{
-  content:attr(data-text);
-  position:absolute;
-  left:2px;
-  text-shadow:-1px 0 red;
-  top:0;
-  color:white;
-  background:black;
-  overflow:hidden;
-  clip:rect(0,900px,0,0); 
-  animation:noise-anim 2s infinite linear alternate-reverse;
-}
 
 @keyframes noise-anim-2{
   $steps:20;
@@ -44,18 +33,6 @@
     }
   }
 }
-.glitch:before{
-  content:attr(data-text);
-  position:absolute;
-  left:-2px;
-  text-shadow:1px 0 blue; 
-  top:0;
-  color:white;
-  background:black;
-  overflow:hidden;
-  clip:rect(0,900px,0,0); 
-  animation:noise-anim-2 3s infinite linear alternate-reverse;
-}
 </style>
 
 <script>