Header schattieren

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

  1. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    26. Juni 2020
    Beiträge:
    73
    Danke erhalten:
    1
    Danke vergeben:
    7
    Hallo, wo kann ich bitte den Header schattieren?

    Dankeschön
     
  2. FRAGO

    FRAGO Erfahrener Benutzer

    Registriert seit:
    5. Dezember 2019
    Beiträge:
    1.013
    Danke erhalten:
    319
    Danke vergeben:
    186
    per CSS... ohne Details kann man eine solche Frage nicht beantworten...
     
  3. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    26. Juni 2020
    Beiträge:
    73
    Danke erhalten:
    1
    Danke vergeben:
    7
    welche Details brauchst Du?
     
  4. FRAGO

    FRAGO Erfahrener Benutzer

    Registriert seit:
    5. Dezember 2019
    Beiträge:
    1.013
    Danke erhalten:
    319
    Danke vergeben:
    186
    alle...
     
  5. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    26. Juni 2020
    Beiträge:
    73
    Danke erhalten:
    1
    Danke vergeben:
    7
    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

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    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

    Registriert seit:
    26. Juni 2020
    Beiträge:
    73
    Danke erhalten:
    1
    Danke vergeben:
    7
    wo kommt das genau rein
     
  8. markus_wick

    markus_wick Erfahrener Benutzer

    Registriert seit:
    10. Oktober 2018
    Beiträge:
    966
    Danke erhalten:
    214
    Danke vergeben:
    153
    #8 markus_wick, 14. März 2021
    Zuletzt bearbeitet: 14. März 2021
  9. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    26. Juni 2020
    Beiträge:
    73
    Danke erhalten:
    1
    Danke vergeben:
    7
    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

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    immer unten, unter die letzte "}"