From 70083530aed36dadc038b95fe37ec65b0f68621f Mon Sep 17 00:00:00 2001 From: Nihaal Sharma Date: Tue, 23 May 2023 19:45:59 +0100 Subject: [PATCH] added firefox support for topbar shadow --- index.html | 7 +++++-- style.css | 17 +++++++++++------ 2 files changed, 16 insertions(+), 8 deletions(-) diff --git a/index.html b/index.html index 1b33623..e93995f 100644 --- a/index.html +++ b/index.html @@ -1,5 +1,7 @@ - + + + neon443 @@ -12,7 +14,7 @@

neon443

-

+

My Projects
├─ Musics info
@@ -20,6 +22,7 @@ └─ Webpage Testing
  ├─ !!anyshare
  └─ Sidenav
+ Read more about my projects below.y


Tips:

diff --git a/style.css b/style.css index 81dcdc0..09e16eb 100644 --- a/style.css +++ b/style.css @@ -11,14 +11,19 @@ a { #topbar { position: fixed; top: 0px; - backdrop-filter: blur(2.5px); -webkit-backdrop-filter: blur(2.5px); - box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.4); - -webkit-box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.4); + -moz-backdrop-filter: blur(2.5px); + backdrop-filter: blur(2.5px); + -webkit-box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.5); + -moz-box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.5); + box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.5); width: 100%; } #topbarTitle { +} +.contentPush{ + height: 60px; } body { background-color: #f2f2f2; @@ -61,9 +66,9 @@ h3 { color: #f2f2f2; } .topbar { - box-shadow: 0px 0px 20px 10px rgba(255, 255, 255, 0.4); - -webkit-box-shadow: 0px 0px 20px 10px rgba(255, 255, 255, 0.4); - + -webkit-box-shadow: 0px 0px 10px 10px rgba(255,255,255,0.5); + -moz-box-shadow: 0px 0px 10px 10px rgba(255,255,255,0.5); + box-shadow: 0px 0px 10px 10px rgba(255,255,255,0.5); } #transaction {