Box Shadow inset auf Bild?

  • Auf der Seite: https://www.html-seminar.de/au…esung-css3-box-shadow.htm wird beschrieben:

    Erweiterung der box-shadow-Anweisung: inset

    Box-Shadow kann auch mit inset erweitert werden. Dann fällt der Schatten nicht außerhalb des Elementes sondern innerhalb.

    Die CSS-Anweisung sieht dann so aus:

    Code
    box-shadow: inset 10px 10px 10px red;

    Bzw. wieder für alle Browser-Varianten:

    Code
    -moz-box-shadow: inset 10px 10px 10px red;
    -webkit-box-shadow: inset 10px 10px 10px red;
    box-shadow: inset 10px 10px 10px red;

    Einfach einmal testen.



    Nun habe ich dies mit dem Testbild getestet und es erfolgt keine Ausgabe.



    So nun die Frage ist inset überhaupt auf ein Bild möglich?

  • Hallo


    Der Schatten befindet sich immer hinter dem Element, nicht auf dem Element. Deshalb wird er durch das Bild verdeckt.


    Wenn das Bild teilweise transparent ist kann durch die transparenten Teile auch der Schatten gesehen werden. Für sinnvoll halte ich das nicht.


    Gruss


    MrMurphy

  • Habe es nun einfach mal zum testen so gelöst:


    Es funktioniert :)

    Wie meinst du dass genau? Zum Testen ok, ansonsten bei Bilder vergessen?

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!