Header schattieren

Thema wurde von Anonymous, 13. März 2021 erstellt.

  1. Anonymous

    Anonymous Erfahrener Benutzer

    Hallo, wo kann ich bitte den Header schattieren?

    Dankeschön
     
  2. FRAGO

    FRAGO Erfahrener Benutzer

    per CSS... ohne Details kann man eine solche Frage nicht beantworten...
     
  3. Anonymous

    Anonymous Erfahrener Benutzer

    welche Details brauchst Du?
     
  4. FRAGO

    FRAGO Erfahrener Benutzer

    alle...
     
  5. Anonymous

    Anonymous Erfahrener Benutzer

    ich habe gemeint, wenn man nach unten scrollt, dass dann der Header einen Schatten erhält...siehe Beispiel anbei.
     

    Anhänge:

  6. barbara

    barbara G-WARD 2014-2020

    das hat der Sticky-Header eigentlich schon, versuche es mal damit:
    Code:
    @media (min-width: 768px){
    #header.sticky {
        -webkit-box-shadow: 0 0 25px rgb(0 0 0 / 35%);
        box-shadow: 0 0 25px rgb(0 0 0 / 35%);
    }}
     
  7. Anonymous

    Anonymous Erfahrener Benutzer

    wo kommt das genau rein
     
  8. markus_wick

    markus_wick Erfahrener Benutzer

    Zuletzt bearbeitet: 14. März 2021
  9. Anonymous

    Anonymous Erfahrener Benutzer

    wo sich das CSS befindet weiß ich schon, aber wo dort genau füge ich den Code ein.
     
  10. barbara

    barbara G-WARD 2014-2020

    immer unten, unter die letzte "}"