From 152d84c8bdab4d993f9bc65e63da7e9d6e439916 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Yann=20M=C3=B6lle?= <hxcde@noreply.localhost>
Date: Mon, 29 May 2023 14:14:28 +0200
Subject: [PATCH] =?UTF-8?q?=E2=80=9Ecss/typing.css=E2=80=9C=20hinzuf=C3=BC?=
 =?UTF-8?q?gen?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 css/typing.css | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)
 create mode 100644 css/typing.css

diff --git a/css/typing.css b/css/typing.css
new file mode 100644
index 0000000..989d34e
--- /dev/null
+++ b/css/typing.css
@@ -0,0 +1,20 @@
+.container{
+  display: inline-block;
+  font-family: "arial";
+  font-size: 24px;
+}
+
+.typed {
+  overflow: hidden;
+  white-space: nowrap;
+  width: 0;
+  animation: typing;
+  animation-duration: 1.5s;
+  animation-timing-function: steps(30, end);
+  animation-fill-mode: forwards;
+}
+
+@keyframes typing {
+  from { width: 0 }
+  to { width: 100% }
+}
\ No newline at end of file