Transparenten Schatten über gesamtes DIV ?

[KingA]

Hallo liebe Leute,
ich habe folgendes Problem : Ich möchte gerne eine Navbar mit halb-transparentem Schatten nachkreieren wie diese Seite sie hat (https://sansin.eu/de/hauptseite/). Leider gelingt mir der transparente Schatten nicht. Die Option über box-shadow: inset reicht dazu leider nicht aus und auch über die opacity option bekomme ich nur ein halb-transparentes DIV aber eben keinen Schatteneffekt
Ich bin noch sehr neu im Bereich CSS und wäre für Hilfe wirklich sehr dankbar! Über alternativlösungen via JS bin ich auch gerne zu haben!

Ich freue mich auf Vorschläge, Danke im Voraus!!!

LG KingA

 

[scatello]

Der Header auf dieser Seite hat folgende CSS-Eigenschaften, mit denen dieser Effekt erstellt wurde:

{
  background-color: transparent;
  background-image: linear-gradient(180deg, #000000AB 7%, #B3B3B300 100%);
}

 

[basti1012]

Hast du schon mal mit der Browser Konsole gearbeitet?
Falls nicht, ist hier eine Anleitung.
https://kulturbanause.de/blog/die-chrome-entwicklertools-devtools-fuer-designer-und-einsteiger/

Damit kannst du die CSS jedes Elementes auslesen , Javascript Fehler erkennen und vieles mehr.
Teste es einfach mal.
Die Konsole wirst du in deinen Programmier Leben ständig brauchen