From 962bf144bc458e3739444301ac6be523cb15bd54 Mon Sep 17 00:00:00 2001 From: littleblack111 Date: Tue, 19 Mar 2024 09:38:37 +0800 Subject: updates --- src/css/ghrepo.css | 40 +++++++++++++++++++--------------------- 1 file changed, 19 insertions(+), 21 deletions(-) (limited to 'src/css/ghrepo.css') diff --git a/src/css/ghrepo.css b/src/css/ghrepo.css index c737dd9c..928cdad7 100644 --- a/src/css/ghrepo.css +++ b/src/css/ghrepo.css @@ -128,11 +128,6 @@ a { transition: all 0.5s } -.github-img { - width: 45px; - margin-right: 8px; -} - ul { list-style: none; padding: 0; @@ -169,6 +164,9 @@ ul { box-shadow: 0 0px 6px var(--accent), 0 0px 6px var(--accent); max-width: 100%; height: auto; + opacity: 0.85; + -webkit-backdrop-filter: blur(64px) saturate(1.6); + backdrop-filter: blur(64px) saturate(1.6); box-shadow: 0 0 10mm rgba(0,0,0,.7); border-radius: 100%; transition: transform 0.3s, border-radius 0.5s; @@ -236,8 +234,8 @@ input:hover, .filter-repos:hover { /* background: rgba(10, 10, 15, 0.5); */ transition: all 0.5s; - -webkit-backdrop-filter: blur(50px); - backdrop-filter: blur(50px); + -webkit-backdrop-filter: blur(64px) saturate(1.6); + backdrop-filter: blur(64px) saturate(1.6); box-shadow: 0 0 50mm rgba(0,0,0,.7); transform: scale(1.1); transition: all 0.5s; @@ -248,8 +246,8 @@ input:active, /* background: #F4E8C1; */ box-shadow: 0 0 10mm rgba(0,0,0,.7); /* background: rgba(244, 232, 193, 0.3); */ - -webkit-backdrop-filter: blur(200px); - backdrop-filter: blur(200px); + -webkit-backdrop-filter: blur(256px) saturate(1.6); + backdrop-filter: blur(256px) saturate(1.6); } .repo > * { @@ -317,8 +315,8 @@ input:active, padding: 1em; text-align: center; background: transparent; - -webkit-backdrop-filter: blur(200px); - backdrop-filter: blur(200px); + -webkit-backdrop-filter: blur(256px) saturate(1.6); + backdrop-filter: blur(256px) saturate(1.6); -webkit-transition: all 0.5s; transition: all 0.5s; scroll-snap-align: center; @@ -334,8 +332,8 @@ input:active, /* box-shadow: 0 3px 6px var(--accent), 0 3px 6px var(--accent); */ box-shadow: 0 0 50mm var(--box-shadow); /* background: rgba(0, 0, 0, 0.1); */ - -webkit-backdrop-filter: blur(125px); - backdrop-filter: blur(125px); + -webkit-backdrop-filter: blur(128px) saturate(1.6); + backdrop-filter: blur(128px) saturate(1.6); border-radius: 10px; transform: scale(1.05); transition: background 0.5s, transform 1s, boarder 1.5s, all 0.3s @@ -343,8 +341,8 @@ input:active, .repo-list:hover:has(li:hover) li:not(:hover,.hide) { background: rgba(0, 0, 0, 0.3); - -webkit-backdrop-filter: blur(80px); - backdrop-filter: blur(80px); + -webkit-backdrop-filter: blur(128px) saturate(1.6); + backdrop-filter: blur(128px) saturate(1.6); transform: scale(0.95); animation-duration: 0.5s; transition: background 0.5s, transform 1s, all 0.3s; @@ -381,8 +379,8 @@ input:active, .intro:hover, .user-info:hover { - -webkit-backdrop-filter: blur(125px); - backdrop-filter: blur(125px); + -webkit-backdrop-filter: blur(128px) saturate(1.6); + backdrop-filter: blur(128px) saturate(1.6); /* transform: scale(1.1); */ } @@ -395,8 +393,8 @@ input:active, .user-info { /* background: transparent; */ /* background: rgba(128, 128, 128, 0.2); */ - -webkit-backdrop-filter: blur(100px); - backdrop-filter: blur(100px); + -webkit-backdrop-filter: blur(128px) saturate(1.6); + backdrop-filter: blur(128px) saturate(1.6); /* box-shadow: 0 0 10mm rgba(0,0,0,.7); */ border: 2px solid #fff } @@ -406,8 +404,8 @@ input:active, } .repo { - -webkit-backdrop-filter: blur(200px); - backdrop-filter: blur(200px); + -webkit-backdrop-filter: blur(256px) saturate(1.6); + backdrop-filter: blur(256px) saturate(1.6); box-shadow: 0 0 10mm rgba(0,0,0,.7); overflow: auto; overflow-x: hidden; -- cgit v1.2.3