Einer, der wirklich unglaublich ist, ist Mazeletter. Es ist eine Sammlung von neun Schriftarten, die zu unendlichen Fliesen gemacht sind, so dass Sie im Wesentlichen unbegrenzte Mustermöglichkeiten haben, die Sie aus Zeichen machen können. Reines CSS-Blueprint-Muster mit CSS3 Linear-Gradienten. Hergestellt von Dean 23. November 2013 Einfache Technik, um ein Punktmuster oder Punktgitter Hintergrund zu erstellen. Unterstützung: alle modernen Browser und IE9+. Hergestellt von Edmundo Santos 2. November 2016 Wenn ich ein schnelles Hintergrundmuster benötige, um etwas aufzupeppen, denke ich oft an die CSS3 Patterns Gallery. Einige von ihnen sind ziemlich intensiv, aber denken Sie daran, sie sind leicht editierbar, weil sie nur CSS sind. Das bedeutet, dass Sie diese kühnen Zacks nehmen und sie auskühlen könnten. www.toptal.com/designers/subtlepatterns/ transparenttextures.com/ Fabelhafte Ressource.

Bringt Erinnerungen an all die Bitmap-Füllmuster auf dem Apple Macintosh meiner Familie aus den 1980er Jahren (monochrom) zurück. (Nicht sicher, dass das notwendigerweise das Gefühl ist, das Sie in einer Webseite der 2010er Jahre heraufbeschwören möchten, aber ich nehme an, es hängt vom Thema ab!) Wenn Sie in SVG-basierten Mustern sind (und wer nicht?) SVG Hintergründe hat einige extra clevere. Sieht so aus, als ob es in letzter Zeit eine nette Design-Aktualisierung erhalten hat, wo die bearbeitbaren Optionen intuitiv sind und der Code einfach zu kopieren ist. Wenn Sie ein DIY-Typ sind, denken Sie daran, SVG hat buchstäblich ein Element, das Sie nutzen können. Versuchen Sie, ein Argyle-Muster mit CSS-Mehreren Hintergründen (linear-gradients) zu verwenden. Hergestellt von carpe numidium 1. Oktober 2015 Vergessen Wir nicht, Leas Beispiele lea.verou.me/css3patterns/ Beautiful Dingbats hat einen sehr schönen Mustergenerator sowie, der ziemlich neu scheint. Es hat sehr Spaß Kontrollen zu spielen und einfache Ausgabe.

Ich habe absichtlich versucht, diagonale Streifen zu verwenden, ohne wiederholte-lineare Gradienten zu verwenden und habe einige seltsame Muster bekommen: Mein üblicher Durchgang ist Hero Patterns. Sie sind auch editierbar, aber sie beginnen bereits von einem ziemlich kalten Ort, der normalerweise das ist, was ich von einem Muster suche. Sie bieten auch, dass sie die bereitstellen, die wir in das Assets Panel auf CodePen gebacken haben, um einen besonders einfachen Zugriff zu ermöglichen. Einfach und hervorragend sind css Muster, Aber es ist ein alter Trick, den wir mehr mit Streifen tun können? auch können wir mit Check-Mustern tun, verwenden Deckkraft und 2 Hintergrund-Layer 😀 Ich habe einige neue Lustige Muster-Websites in letzter Zeit gesehen! Eine davon ist die außergewöhnlich tiefe Tartanify, die über 5.000 schottische Tartanmuster hat. Paulina Hetman hat sogar für uns darüber geschrieben. Entwickler aus Leidenschaft. Studiert Technische Informatik. Davor Redakteur für… Whattyagonnado. Ich vermute, dass es mit der Zeit besser wird.

Das klingt auf jeden Fall nach verrückt & viel Arbeit. Holen Sie sich Ihren Rechner (oder vielleicht kann Ihr CSS-Präprozessor die Berechnungen für Sie durchführen), und finden Sie den vertikalen und horizontalen Abstand zwischen Streifen der gleichen Farbe heraus und verwenden Sie diesen für Ihre Hintergrundgröße. Vielleicht eine Textur? Jedes Bild funktioniert. Sie können einen Teil des Bildes offenbaren, indem Sie einige Streifen vollständig transparent und einige vollständig undurchsichtig machen. Oder eine beliebige Kombination. Auch hier können mehrere Hintergründe dies alle auf demselben Element geschehen.