patternify – CSS Pattern Generator

Ein weiterer Eintrag in der Kategorie „CSS-Generatoren“. Auf www.patternify.com könnt ihr euch ein eigenes kleines Muster erstellen, welches ihr dann zum Beispiel als Hintergrund verwenden möchtet.

Erstellt online euer Muster (es gibt auch einige Vorlagen, die ihr auswählen und anpassen könnt) und ladet dann entweder eine Grafik im png-Format herunter oder nehmt den Base64 Code mit, den ihr in eurer CSS verwenden könnt. Für mein Beispiel mit den pink Herzchen 😀 sieht der CSS-Eintrag dann etwa so aus:

What is Patternify?

Patternify is a simple pattern generator. I built it to save myself the pain of launching Photoshop just to export a 2px by 2px stripe pattern. Not only can you build your pattern online, but with the base64 code, you don’t even need an image file anymore: just include the code in your CSS and you’re ready to go!