[MODIFY] style.css, main.js

changed cursor type, added small animation to cursor

Author: Rocker2102

assets/css/style.css

@@ -178,7 +178,19 @@ h2 {
     color: #ccc;
 }
 
+.txt-type {
+    color: rgba(255, 255, 0, 0.8);
+}
+
 /* Cursor */
-.txt-type > .txt {
-    border-right: 0.1rem solid #ccc;
+.txt-type::after {
+    color: #fff;
+    content: "_";
+    animation: animate-cursor 1s infinite;
+}
+
+@keyframes animate-cursor {
+    75% {
+        content: "";
+    }
 }

assets/js/main.js

@@ -215,7 +215,7 @@ class TypeWriter {
         }
 
         // Insert text into element
-        this.textElement.innerHTML = `<span class="txt">${this.text}</span`;
+        this.textElement.innerHTML = this.text;
 
         // Initial type Speed
         let typeSpeed = 250;