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;