From bde8c666296b182a9fbe6a055af3c0ee398077a1 Mon Sep 17 00:00:00 2001 From: Lim Chee Aun Date: Mon, 22 May 2023 17:43:02 +0800 Subject: [PATCH] Just having a bit of fun --- src/components/nav-menu.css | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) diff --git a/src/components/nav-menu.css b/src/components/nav-menu.css index ae8e48dd..933b0c5c 100644 --- a/src/components/nav-menu.css +++ b/src/components/nav-menu.css @@ -8,6 +8,14 @@ padding: 8px 0; width: 50%; } + @keyframes phanpying { + 0% { + background-position: 0 0, 0 0, 3em 85%; + } + 100% { + background-position: 0 0, 0 0, 2em 90%; + } + } .nav-menu section:last-child { background-color: var(--bg-faded-color); background-image: linear-gradient( @@ -15,7 +23,7 @@ var(--divider-color) 1px, transparent 1px ), - linear-gradient(to bottom, var(--bg-blur-color), transparent), + linear-gradient(to bottom left, var(--bg-blur-color), transparent), url(../assets/phanpy-bg.svg); background-repeat: no-repeat; /* background-size: auto, auto, 200%; */ @@ -24,6 +32,7 @@ box-shadow: inset 0 0 1px var(--bg-color); position: sticky; top: 0; + animation: phanpying 0.2s ease-in-out both; } .nav-menu section:last-child > .szh-menu__divider:first-child { display: none;