Farbverlaufs-Opazität am unteren Rand von div

Sie können diesen HTML-Code verwenden

Mit diesem CSS

Hier ist jsfiddle link

Ich hoffe, Sie wollen etwas wie das .

Benutze einfach ein Bild und setze es unten fest.
CSS-Tricks haben einen Beitrag zu diesem Thema und liefern auch das Bild.

Oder wenn Sie es mit CSS möchten, folgen Sie diesem Artikel, der Ihnen zeigt, wie Sie dies tun können mit CSS und JavaScript

Sie können ein sich wiederholendes Bild haben. Zum Beispiel ein 10px Höhengradient.

Positioniere dein div relativ:

Ihr Bild wäre absolute Position

BEARBEITEN

  

Ihr div muss auch eine Breite haben, damit Ihr wiederholendes Bild von der Breite des Elternteils abhängt