Ankündigung

Einklappen
Keine Ankündigung bisher.

CSS Box Shadow

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

    CSS Box Shadow

    Hallo,
    bin gerade dabei meinen Loewe Fernseher einzubinden.

    Wenn der Fernseher startet wollte ich mit einem Box Shadow das anzeigen. Grundsätzlich funktioniert das - siehe Bild.

    Bildschirmfoto 2020-12-30 um 18.29.01.png

    Cool wäre wenn der shadow nicht gleich zu 100% da ist sondern sich von 0 - 100% steigert.

    Habe versucht das mit der Animation zu lösen. Leider funktioniert das nicht.
    Hat jemand eine Idee wie ich den keyframe ändern muss für mein gewünschtes Ergebnis.

    Danke schon einmal im voraus.

    from {-webkit-box-shadow: 0px 0px 40px 0px #F2F2F2;
    box-shadow: 0px 0px 40px 0px #F2F2F2;}
    to {-webkit-box-shadow: 0px 0px 40px 20px #F2F2F2;
    box-shadow: 0px 0px 40px 20px #F2F2F2;}

    Der rote Wert steuert den Schatten.

    Gruß
    MNO

    #2
    Hallo,
    bei den Animationen/Keyframes folgendes eintragen:

    100% {box-shadow: 0px 0px 40px 20px #F2F2F2;}

    Das ergibt den gewünschten Effekt.

    Gruß
    MNO

    Kommentar

    Lädt...
    X