„css/skeleton-auto.css“ ändern

css/skeleton-auto.css

@@ -285,16 +285,23 @@ hr {
 .animate-zoom-7 {animation:animatezoom 1.8s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
 
 .typed {
-  overflow: hidden;
+  width: 22ch;
+  animation: typing 2s steps(22), blink .5s step-end infinite alternate;
   white-space: nowrap;
-  width: 0;
-  animation: typing;
-  animation-duration: 1.5s;
-  animation-timing-function: steps(30, end);
-  animation-fill-mode: forwards;
+  overflow: hidden;
+  border-right: 3px solid;
+  font-family: monospace;
+  font-size: 2em;
 }
 
 @keyframes typing {
-  from { width: 0 }
-  to { width: 100% }
+  from {
+    width: 0
+  }
+}
+    
+@keyframes blink {
+  50% {
+    border-color: transparent
+  }
 }