
Nimm dir das Set, das zu deinem Projekt passt, oder gleich alle 20, dann hast du für jeden Anlass den passenden Hintergrund parat.
Die 200 Muster sind prozedural berechnet: Ein Programm verteilt Steinsplitter, Formen, Linien, Rasterpunkte, Fasern und Waben nach festen Regeln auf einer Kachel, die sich in beide Richtungen endlos wiederholt. Formen, die über den Rand ragen, werden nicht abgeschnitten, sondern auf der gegenüberliegenden Seite exakt fortgesetzt. Alle Koordinaten liegen auf einem festen Raster von einem Achtel einer Einheit, deshalb entstehen beim Wiederholen keine Rundungsfehler. Geprüft wurde jede der 200 Kacheln mit einem Versatztest: Die 4K-Kachel wurde um eine halbe Kachel verschoben und mit einer durchgehend berechneten Fläche verglichen. 48 Muster sind dabei pixelgleich, bei allen anderen bleiben die Unterschiede an der Naht im Rahmen der üblichen Kantenglättung (höchstens 53 von 255 Tonstufen).
Die Muster sind in 20 Sets à 10 gebündelt, jedes Set ist ein eigener Download. Im ZIP liegt jedes Muster in einem Ordner mit drei Dateien: der SVG-Kachel (1024 × 1024 Einheiten, frei skalierbar), einem PNG mit 4096 × 4096 Pixeln für die Bildbearbeitung und einer CSS-Datei mit fertiger Klasse. Dazu kommen eine Übersicht aller zehn Muster mit Namen und CSS-Klassen und eine Sammel-CSS mit allen zehn Klassen. Im Browser legst du die Kachelgröße über die Variable --muster-kachel fest, am saubersten mit ganzen Pixelwerten. Die Papierstrukturen sind übrigens ebenfalls gezeichnet und nicht fotografiert. Die Waben sind für die quadratische Kachel um höchstens 1,04 Prozent gestreckt, mit bloßem Auge ist das nicht zu sehen.
20 Sets in 4K (4096 × 4096 px, 300 DPI) als JPG plus Photoshop-Muster, kalibriert auf die Füllmethode
Hopp und top zum Ostergruß
Ein geschmackvoller Design-Mix
Zeige mit klarer Symbolik, was Gäste erwarten können




















Kommentiere jetzt „200 Endlos-Muster: nahtlose Patterns als SVG, 4K-PNG und CSS“