From 1a6284e9e965d3f7c0768fcc3037c3ce4d33561c Mon Sep 17 00:00:00 2001 From: littleblack111 Date: Fri, 13 Oct 2023 22:15:55 +0800 Subject: added default mini blur to header(navBar) --- src/css/style.css | 30 ++++++++++++++++++++---------- 1 file changed, 20 insertions(+), 10 deletions(-) (limited to 'src/css/style.css') diff --git a/src/css/style.css b/src/css/style.css index b4ee3ea5..77a27949 100644 --- a/src/css/style.css +++ b/src/css/style.css @@ -252,11 +252,11 @@ header { .navBar a:hover { /* background: rgba(255, 255, 255, 0.2); */ /* outline: ridge rgba(128, 128, 128, .6); */ - -moz-filter: blur(5px); - -o-filter: blur(5px); - -ms-filter: blur(5px); - -webkit-backdrop-filter: blur(5px); - backdrop-filter: blur(5px); + -moz-filter: blur(10px); + -o-filter: blur(10px); + -ms-filter: blur(10px); + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); transition: all 1s } @@ -280,14 +280,24 @@ header:hover, #navBarHeader:active { transform: scale(1.005); - -moz-filter: blur(5px); - -o-filter: blur(5px); - -ms-filter: blur(5px); - -webkit-backdrop-filter: blur(5px); - backdrop-filter: blur(5px); + -moz-filter: blur(10px); + -o-filter: blur(10px); + -ms-filter: blur(10px); + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); transition: all 0.5s } +.navBar, +header, +#navBarHeader { + -moz-filter: blur(2.5px); + -o-filter: blur(2.5px); + -ms-filter: blur(2.5px); + -webkit-backdrop-filter: blur(2.5px); + backdrop-filter: blur(2.5px); +} + /* other ================================================== */ .contents { -- cgit v1.2.3