Header schattieren

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

  1. Anonymous

    Anonymous Aktives Mitglied

    Registriert seit:
    26. Juni 2020
    Beiträge:
    44
    Danke erhalten:
    0
    Danke vergeben:
    4
    Hallo, wo kann ich bitte den Header schattieren?

    Dankeschön
     
  2. FRAGO

    FRAGO Erfahrener Benutzer

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

    Anonymous Aktives Mitglied

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

    FRAGO Erfahrener Benutzer

    Registriert seit:
    5. Dezember 2019
    Beiträge:
    689
    Danke erhalten:
    217
    Danke vergeben:
    80
    alle...
     
  5. Anonymous

    Anonymous Aktives Mitglied

    Registriert seit:
    26. Juni 2020
    Beiträge:
    44
    Danke erhalten:
    0
    Danke vergeben:
    4
    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:
    32.485
    Danke erhalten:
    10.039
    Danke vergeben:
    1.466
    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 Aktives Mitglied

    Registriert seit:
    26. Juni 2020
    Beiträge:
    44
    Danke erhalten:
    0
    Danke vergeben:
    4
    wo kommt das genau rein
     
  8. markus_wick

    markus_wick Erfahrener Benutzer

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

    Anonymous Aktives Mitglied

    Registriert seit:
    26. Juni 2020
    Beiträge:
    44
    Danke erhalten:
    0
    Danke vergeben:
    4
    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:
    32.485
    Danke erhalten:
    10.039
    Danke vergeben:
    1.466
    immer unten, unter die letzte "}"