From f37eee66c80d2db4df9a5b93b57d4acae4152478 Mon Sep 17 00:00:00 2001 From: log101 Date: Sun, 25 Aug 2024 17:32:32 +0300 Subject: [PATCH] feat: add pan effect --- index.html | 100 +++++++++++++++++++++++++++++++++++++++++++---------- 1 file changed, 82 insertions(+), 18 deletions(-) diff --git a/index.html b/index.html index 888a7e1..e45f16c 100644 --- a/index.html +++ b/index.html @@ -18,9 +18,12 @@ flex-direction: column; align-items: center; gap: 8px; - border: 1px solid black; + border: 1px solid white; padding: 24px 48px; gap: 24px; + + transition-property: transform; + transition-duration: 100ms; } #logo-container { @@ -41,31 +44,92 @@ .reverse { transform: scaleX(-1); } + + @media (prefers-color-scheme: light) { + #logo { + border: 1px solid black; + } + } Vite + TS
-