diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/css/ghrepo.css | 9 | ||||
| -rw-r--r-- | src/js/tilt.conf.noglare.js | 6 |
2 files changed, 9 insertions, 6 deletions
diff --git a/src/css/ghrepo.css b/src/css/ghrepo.css index c6ec6e71..ecfe2744 100644 --- a/src/css/ghrepo.css +++ b/src/css/ghrepo.css @@ -263,7 +263,7 @@ input:active, } .repos:hover { - background: rgba(0, 0, 0, 0.3); + /* background: rgba(0, 0, 0, 0.3); */ /* box-shadow: 0 0 10mm rgba(0,0,0,.7); */ /* transform: scale(1.01); */ /* box-shadow: 0 0 20mm rgba(128,128,128,.7); */ @@ -314,7 +314,9 @@ input:active, .repo:hover { /* box-shadow: 0 3px 6px var(--accent), 0 3px 6px var(--accent); */ box-shadow: 0 0 50mm rgba(255, 238, 16,.7); - background: rgba(0, 0, 0, 0.5); + /* background: rgba(0, 0, 0, 0.1); */ + -webkit-backdrop-filter: blur(125px); + backdrop-filter: blur(125px); border-radius: 10px; transform: scale(1.05); transition: background 0.5s, transform 1s, boarder 1.5s, all 0.3s @@ -328,8 +330,9 @@ input:active, } .repo-list:hover:has(li:hover) li:not(:hover,.hide) { - /* background: rgba(0, 0, 0, 0.3); */ background: rgba(0, 0, 0, 0.3); + -webkit-backdrop-filter: blur(80px); + backdrop-filter: blur(80px); transform: scale(0.95); animation-duration: 0.5s; transition: background 0.5s, transform 1s, all 0.3s; diff --git a/src/js/tilt.conf.noglare.js b/src/js/tilt.conf.noglare.js index e725a66d..2974305c 100644 --- a/src/js/tilt.conf.noglare.js +++ b/src/js/tilt.conf.noglare.js @@ -1,5 +1,5 @@ VanillaTilt.init(document.querySelectorAll(".tilt"),{ - reverse: true, - glare: false, - reset: false, + reverse: true, + glare: false, + reset: false, }) |