From 929257d2fc9b3fc980582d33b458a6bfe6760bb9 Mon Sep 17 00:00:00 2001 From: aze <226987740+azecx@users.noreply.github.com> Date: Fri, 5 Sep 2025 21:56:51 +0200 Subject: [PATCH] sigma animation --- assets/css/styles.css | 21 +++++++++++++++++---- 1 file changed, 17 insertions(+), 4 deletions(-) diff --git a/assets/css/styles.css b/assets/css/styles.css index 232b26e..c3f30f1 100644 --- a/assets/css/styles.css +++ b/assets/css/styles.css @@ -31,15 +31,28 @@ margin-bottom: 2rem; user-select: none; - color: var(--text-color); - transition: color 1s ease-in-out; + transform-origin: center; + animation: pulse 4s infinite alternate ease-in-out; /* slower & smooth */ } -.ascii-art:hover { - animation: pulseWhite 1.5s infinite alternate; +@keyframes pulse { + 0% { + color: var(--text-color); + transform: scale(1); + } + 50% { + color: var(--bg-color); + transform: scale(1.25); /* peak scale and color */ + } + 100% { + color: var(--text-color); + transform: scale(1); + } } + + @keyframes pulseWhite { 0% { color: var(--text-color);