From f43b28b2f80276318a0f8169a9e2a7559f78c7bf Mon Sep 17 00:00:00 2001 From: John Bowdre Date: Fri, 14 Jun 2024 14:14:13 -0500 Subject: [PATCH] web: add blinking cursor --- web.css | 20 ++++++++++++++++++-- 1 file changed, 18 insertions(+), 2 deletions(-) diff --git a/web.css b/web.css index 254aa2e..46410eb 100644 --- a/web.css +++ b/web.css @@ -51,7 +51,23 @@ button.tinylytics_kudos:hover { text-shadow: var(--off-fg) 0 0 1px; } +/* tagline cursor animation */ +#typo::after { + content: ""; + width: 0.5rem; + height: 1.2rem; + background: #B2F2BB; + display: inline-block; + margin-left: 0.2rem; + vertical-align: text-bottom; + animation: cursor-blink 1.5s steps(2) infinite; +} + +@keyframes cursor-blink { + 0% { + opacity: 0; + } +} + - -