So erstellen Sie eine CSS-Schatten-Effekt mit verblichenen sidebar
Hallo, ich bin mir aber auch nicht sicher sind, wie Sie der angehängten Bild-Effekt, bei dem der rechten Seite ist mein Haupt-content und Schattierungen auf meine linke Seitenleiste, die hat einen Farbverlauf nach unten.
InformationsquelleAutor lisburnite | 2010-06-09
Du musst angemeldet sein, um einen Kommentar abzugeben.
Check this out: CSS3 gradient Generator, wählen Sie die Farben und erzeugen Sie den code, und fügen Sie es der
body
im CSS (Oder was auch immer element, das Sie wollen, dass es auf).Für den Schatten von Ihrem Haupt-Inhalte verwenden:
Und auch check-out CSS3 Box-shadow.
Auch, weil nicht jeder browser unterstützt die
box-shadow
noch (IE), können Sie Grenze Bilder. Aber IE nicht Unterstützung, entweder so, ich habe auf einer site war, einfach nur ein 1px hoher PNG-Bild der Schatten und legen Sie es als hintergrund zu meiner wrapper-div, wiederholte Sie up/down (kann mich nicht erinnern, ob das X oder Y) und es hat funktioniert 🙂Hoffe, einige von, das hilft.
Bearbeitet, vielen Dank 🙂
Ah danke, das sieht besser aus
Helfen gerne, welche Lösung hast du dich entschieden?
Ich benutzte den CSS3 gradient generator
InformationsquelleAutor Kyle
InformationsquelleAutor Dave
Sidebar sollte ein png-Bild, das hat eine Opazität/Transparenz, dann die schattierten sidebar funktioniert mit gradient-hintergrund. (Beachten Sie, dass IE6 nicht, wie diese Lösung, so Sie haben, zu finden, ein IE6PNG hack Lösung gefunden werden kann fast überall heutzutage)
Für Gradienten hintergrund, erstellen Sie entweder ein Hintergrundbild oder verwenden Sie den css3 gradient
InformationsquelleAutor Wai Wong