Wie kann ich eine volle Breite Welle in CSS machen

7

Ich wurde beauftragt, eine Website zu erstellen. Auf dieser Website haben sie Footer in ihrem Modell in Form einer Welle. Siehe Bild unten:

Ich kann wahrscheinlich damit davonkommen, dass ich den Strich oder die gelbe Linie nicht habe. Das Hauptproblem ist, dass diese Fußzeile 100% breit sein soll. Ich dachte, es könnte eine CSS-Lösung geben? Möglicherweise die Form in CSS neu erstellen? Ist das möglich?

    
fischgeek 05.01.2015, 17:57
quelle

3 Antworten

3

Wenn Ihre Fußzeile einmal zu einem komplexen Bild wird und es schwierig wird, sie mit SVG zu zeichnen, könnte sie zyklisch sein (mehrere wiederholte Wellen statt nur einer) - Sie können ein Vorlagenbild erstellen und es als wiederholen ein Hintergrund. Die unten stehende Vorlage ist nur ein Beispiel und ist nicht ideal geklebt.

%Vor% %Vor%
    
Kiril 05.01.2015, 19:22
quelle
14

Sie könnten svg verwenden.

%Vor% %Vor%
    
chipChocolate.py 05.01.2015 18:17
quelle
1

Nicht das sauberste, sondern reines CSS (Pseudoeffekte):

%Vor% %Vor%
jbutler483 06.01.2015 09:10
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Übergeben eines Abfrageparameters an den Go-HTTP-Request-Handler mit dem MUX-Paket