Erstellen eines nahtlosen Musters mit CSS im Web [geschlossen]

9

Ich mache ein nahtloses CSS-Muster im Internet. Ich weiß, das ist völlig unsinnig und überhaupt nicht praktikabel. Aber es ist nur um Spaß zu haben.

Ссылка

Ich habe meine erste Kachel erstellt. Jetzt denke ich an einen Weg, es zu wiederholen, um den ganzen Hintergrund zu füllen.

Kann ich dieses Kunststück nur mit HTML und CSS abschließen? Oder muss ich Javascript verwenden, um dies zu vervollständigen?

-

Hier sind meine Schritte, wenn Sie Javascript verwenden, korrigieren Sie mich oder schlagen Sie bessere Wege vor:

  1. Berechnen Sie die aktuelle Browserbreite und -höhe.
  2. Eine einzelne Kachel ist (150x150), ich muss nur so viele div (s) erstellen, dass sie den gesamten Bildschirm abdecken.

-

Ich möchte vielleicht etwas bewegen, jedes Polygon ändert seine Farbe usw. Es wird nicht statisch sein. Ich suche keine Hintergrundbildlösung.

Danke, Venn.

    
Vennsoh 05.02.2013, 02:01
quelle

2 Antworten

2

Das ist eigentlich nur mit html und css möglich. Das Problem in diesem Beispiel ist, dass sich jeder Teil des Hintergrunds überschneidet, wenn Sie die Eigenschaft background-repeat festlegen, da sie eine andere Größe haben. Sie müssen also nur die Größe und Form der Formen ändern. Der einfache Weg, dies in Ihrem Fall zu tun, ist ein background-size für jede Form (Größe des gewünschten vollständigen Musters) und ändern Sie ihre Position entsprechend.

Ich habe einen Teil Ihres Beispiels geändert, um Ihnen eine Vorstellung davon zu geben, wie es aussehen sollte: Ссылка

    
dmk 05.02.2013, 04:12
quelle
1

Einfach hinzufügen,

%Vor%

an die CSS, und dann einfach mehrere Kopien der div, genau wie hier ... Ссылка

Ich denke, das sollte den Trick machen.

    
Mohd Abdul Mujib 05.02.2013 02:36
quelle

Tags und Links