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
    #1 Anonymous, 13. März 2021
    Hallo, wo kann ich bitte den Header schattieren?

    Dankeschön
     
  2. FRAGO
    FRAGO Erfahrener Benutzer
    Registriert seit:
    5. Dezember 2019
    Beiträge:
    1.064
    Danke erhalten:
    341
    Danke vergeben:
    195
    #2 FRAGO, 13. März 2021
    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
    #3 Anonymous, 13. März 2021
    welche Details brauchst Du?
     
  4. FRAGO
    FRAGO Erfahrener Benutzer
    Registriert seit:
    5. Dezember 2019
    Beiträge:
    1.064
    Danke erhalten:
    341
    Danke vergeben:
    195
    #4 FRAGO, 13. März 2021
    alle...
     
  5. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    26. Juni 2020
    Beiträge:
    73
    Danke erhalten:
    1
    Danke vergeben:
    7
    #5 Anonymous, 14. März 2021
    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.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    #6 barbara, 14. März 2021
    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
    #7 Anonymous, 14. März 2021
    wo kommt das genau rein
     
  8. markus_wick
    markus_wick Erfahrener Benutzer
    Registriert seit:
    10. Oktober 2018
    Beiträge:
    982
    Danke erhalten:
    222
    Danke vergeben:
    156
    #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
    #9 Anonymous, 14. März 2021
    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.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    #10 barbara, 14. März 2021
    immer unten, unter die letzte "}"