From 8fdbf281c03f5f9a9bf2227a7c88a50e521276ee Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jo=C3=A3o=20Dias?= Date: Wed, 25 Dec 2024 01:55:08 +0000 Subject: [PATCH] feat: added pulsing animation to loading --- index.html | 22 ++++++++++++++++++++++ 1 file changed, 22 insertions(+) diff --git a/index.html b/index.html index 54839e1..dad6a2e 100644 --- a/index.html +++ b/index.html @@ -42,11 +42,33 @@ font-size: 68px; line-height: 92px; color: var(--color-foreground); + animation-name: pulse; + animation-duration: 3000ms; + animation-timing-function: ease-in-out; + animation-delay: 300ms; + animation-iteration-count: infinite;; } * { box-sizing: border-box; } + + @keyframes pulse { + 0% { + transform: scale(1); + opacity: 1; + } + + 50% { + transform: scale(1.1); + opacity: 0.5 + } + + 100% { + transform: scale(1); + opacity: 1; + } + }