diff options
| author | littleblack111 <littleblack11111@gmail.com> | 2023-10-07 20:55:23 +0800 |
|---|---|---|
| committer | littleblack111 <littleblack11111@gmail.com> | 2023-10-07 20:55:23 +0800 |
| commit | f01b2fe4a36e3c6b945a62862a9cf7f9472d5aba (patch) | |
| tree | ab4aaa673b9a10c4915ef3c3bd97381454fa801c /src/css/style.css | |
| parent | c451d82ad7c46777e7499a8da2e5292090bbec72 (diff) | |
more browser for blur effect is featured
Diffstat (limited to 'src/css/style.css')
| -rw-r--r-- | src/css/style.css | 18 |
1 files changed, 17 insertions, 1 deletions
diff --git a/src/css/style.css b/src/css/style.css index 880a4199..f027cbf2 100644 --- a/src/css/style.css +++ b/src/css/style.css @@ -34,6 +34,10 @@ body { left: 0; } +body::-webkit-scrollbar { + display: none; +} + /* animation ============================================== */ @keyframes slideInTop { @@ -84,6 +88,8 @@ body { -moz-filter: blur(32px); -o-filter: blur(32px); -ms-filter: blur(32px); + -webkit-backdrop-filter: blur(32px); + backdrop-filter: blur(32px); transform: scale(2); } 100% { @@ -91,6 +97,8 @@ body { -moz-filter: blur(0px); -o-filter: blur(0px); -ms-filter: blur(0px); + -webkit-backdrop-filter: blur(0px); + backdrop-filter: blur(0px); transform: scale(1); } } @@ -218,6 +226,10 @@ header { .navBar a:hover { /* background: rgba(255, 255, 255, 0.2); */ /* outline: ridge rgba(128, 128, 128, .6); */ + -webkit-filter: blur(5px); + -moz-filter: blur(5px); + -o-filter: blur(5px); + -ms-filter: blur(5px); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); transition: all 1s @@ -243,9 +255,13 @@ header:hover, #navBarHeader:active { transform: scale(1.005); + -webkit-filter: blur(5px); + -moz-filter: blur(5px); + -o-filter: blur(5px); + -ms-filter: blur(5px); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); - transition: all 0.5s +transition: all 0.5s } /* other ================================================== */ |