From 434a6f00d60d1e9e6ccab670b7acb70845ea54b9 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Yann=20M=C3=B6lle?= Date: Mon, 29 May 2023 14:24:56 +0200 Subject: [PATCH] =?UTF-8?q?=E2=80=9Ecss/skeleton-auto.css=E2=80=9C=20?= =?UTF-8?q?=C3=A4ndern?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/skeleton-auto.css | 23 +++++++++++++++-------- 1 file changed, 15 insertions(+), 8 deletions(-) diff --git a/css/skeleton-auto.css b/css/skeleton-auto.css index 3d2df3f..63d7076 100644 --- a/css/skeleton-auto.css +++ b/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 + } } \ No newline at end of file