diff options
| author | littleblack111 <littleblack11111@gmail.com> | 2024-03-19 09:38:37 +0800 |
|---|---|---|
| committer | littleblack111 <littleblack11111@gmail.com> | 2024-03-19 09:38:37 +0800 |
| commit | 962bf144bc458e3739444301ac6be523cb15bd54 (patch) | |
| tree | 77f4c308fbc620ce46322cd4e10e30a71dbfb508 /src/css/ghrepo.css | |
| parent | a893caba965cc14b60663b2b83f833f3c0ced53c (diff) | |
updates
Diffstat (limited to 'src/css/ghrepo.css')
| -rw-r--r-- | src/css/ghrepo.css | 40 |
1 files changed, 19 insertions, 21 deletions
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; |
