Aktiven Tab mit border oder shadow oben ?

  • Firefox-Version
    102.1
    Betriebssystem
    Win 10

    Hallo,

    ich versuche gerade den schatten nach oben zu bekommen, nur wie ?

    Den Schatten der Rot ist mit den kleinen abgerundeten Ecken soll nach oben bei Aktiven Tab und nicht unten.

    wenn ich die Zahlen vertausche geht das nicht.

    kann mir da jemand helfen ?

    CSS
    #TabsToolbar .tabbrowser-tab[visuallyselected="true"] > .tab-stack > .tab-background { 
        box-shadow: 0 2px red !important; 
    }
  • Hallo,

    die Zahlen vertauschen ergibt ja auch keinen Sinn, wenn du dich ausschließlich auf der Y-Achse bewegen möchtest. Denn mit deiner Anzahl an Parametern steht der erste Parameter für die X-Position, die du ja nicht verändern möchtest. Wenn du den Schatten oben starten möchtest und der sich auch unten zeigen soll, wirst du einen größeren Radius benötigen, dementsprechend mehr Parameter.

    Ich empfehle das MDN, um die Syntax zu verstehen:

    box-shadow - CSS | MDN
    Die CSS-Eigenschaft box-shadow beschreibt einen oder mehrere Schatteneffekte als eine kommaseparierte Liste.
    developer.mozilla.org
  • Hallo,

    ich versuche gerade den schatten nach oben zu bekommen, nur wie ?

    ...

    kann mir da jemand helfen ?

    Versuche mal:

    CSS
    #TabsToolbar .tabbrowser-tab[visuallyselected="true"] > .tab-stack > .tab-background { 
        box-shadow: 0 -5px 15px red !important; 
    }

    Mit dem ersten Wert verschiebst Du den Schatten links-rechts. (X-Achse)

    Mit dem Zweiten unten-oben und mit dem Dritten kannst Du so etwas wie Unschärfe einstellen. (Y-Achse)

    Wenn Du keine "Unschärfe" haben willst, lass den dritten Wert einfach weg!

    Gruß

    Mira

    Mit <3lichem Gruß

    Mira

    Einmal editiert, zuletzt von Mira_Belle (21. Juli 2022 um 00:03)