Entfernen die Rechte Seite von box-shadow
Ich fand viele Beiträge ähnlich zu dem, was ich bin gefragt worden und haben sich in dieser für Stunden und schließlich beschlossen, ich sollte wahrscheinlich versuchen einige äußere Rat :).
Ich versuche in den Schatten, der auf 3 Seiten von einem div mit Hilfe von box-shadow-ich möchte die Rechte Seite zu shadowless kann aber nicht herausfinden, es gibt viele Beiträge auf, wie un-Schatten der Spitze, aber nach unzähligen Bemühungen konnte ich auch nicht gelten.
Erstellen Sie bitte ein Beispiel in jsfiddle.net oder sonst poste deinen code, was du probiert haben
Ich weiß, das ist ein oldie, aber wissen Sie, die Größe des div, die den box-shadow angewendet wird? also hat die div eine Feste Größe oder ist er flexibel?
Ich weiß, das ist ein oldie, aber wissen Sie, die Größe des div, die den box-shadow angewendet wird? also hat die div eine Feste Größe oder ist er flexibel?
InformationsquelleAutor Otis Wright | 2012-12-28
Du musst angemeldet sein, um einen Kommentar abzugeben.
Ich denke, Sie haben 2 Optionen:
1) stellen Sie Ihre Schatten der horizontalen Ausrichtung nach Links (negative Werte).
Obwohl diese Art werden Sie nicht die gleichen Schatten-Größe, oben und unten.
2) Verwenden Sie ein div in einem div und wenden Sie Schatten auf den einzelnen ein.
Dann müssen Sie stellt die Größe für die, die Sie wollen.
Hier ein jsfiddle: http://jsfiddle.net/EwgKF/19/
Hey ich antwortete nur Sie... Und es ist okay... Aber Sie wollte nicht akzeptieren... So tun es vielleicht! 😛
InformationsquelleAutor Ivozor
Wenn Sie bereit sind, verwenden Sie die experimentelle Technik mit nur partielle Unterstützung, könnten Sie die
clip-path
Eigenschaft.Dies werden Sie mit genau der Effekt, den ich glaube, Sie sind nach: eine normale box-shadow auf den oberen, linken und unteren Kanten und clean-cut-off auf der rechten Seite. Viele der anderen Lösungen zu diesem Thema führen im Schatten, "zerstreuen", wie Sie in der Nähe der Kante, haben keine Schatten.
In Ihrem Fall würden Sie verwenden, clip-path: inset(px px px px); wobei die pixel-Werte berechnet aus der edge in Frage (siehe unten).
Diesem clip wird das div in Frage:
Beachten Sie, dass keine Kommas sind erforderlich zwischen pixel-Werte.
Die Größe des div-flexibel sein können.
InformationsquelleAutor Luke
Verwenden
:after
pseudo-element : http://jsfiddle.net/romiguelangel/YCh6F/HTML
CSS
InformationsquelleAutor romiguelangel
versuchen Sie es mit diesem Beispiel noch nicht die Rechte Seite der Grenze:
JsBin-Demo
InformationsquelleAutor Surinder ツ
KEINE der oben genannten Antworten wird funktionieren.
Ich bin vorausgesetzt, Sie sind mit bootstrap-oder eine-Bibliothek, ist box-shadow in der Standard-Tasten. Hier ist die Lösung:
(wenn Sie entfernen Sie nicht die erste box-shadow, dann, wenn Sie versucht, entfernen den Abstand von der rechten Seite, der linken Seite wird das doppelte der Größe der Ober-und Unterseite. Das ist, warum Sie haben, um es zu entfernen. Wenn Sie nicht sicher sind, was die Standard-Farben der Kästchen-Schatten der Bibliothek, die Sie verwenden. Gehen Sie einfach auf die source-code-und-find-out, gar nicht schwer)
Wenn Sie nur brauchen, um hinzuzufügen, box-shadow, um Sie die-Taste oder die Eingabe auf allen Seiten, außer dem Recht zu tun:
InformationsquelleAutor Juan Ordaz