Γεννήτρια μοτίβων
Φτιάξτε απρόσκοπτα μοτίβα SVG για φόντο από σχεδόν 2.000 σχέδια: αλλάξτε χρώματα, αποστάσεις και γωνία, μετά αντιγράψτε CSS ή κατεβάστε SVG, PNG, WebP.
1Επιλέξτε ένα μοτίβο
Κανένα μοτίβο δεν ταιριάζει με αυτά τα φίλτρα.
2Επιλέξτε τα χρώματα
3Προσαρμόστε το μοτίβο
4Προσθέστε κίνηση (προαιρετικά)
Το μοτίβο μετακινείται ακριβώς ένα πλακίδιο ανά κύκλο, γι' αυτό δεν κάνει ποτέ άλμα. Η κίνηση διατηρείται στον κώδικα και στο αρχείο SVG· τα αρχεία εικόνας μένουν ακίνητα.
5Αντιγραφή ή λήψη
Ο τίτλος σας εδώ
Δείτε πώς φαίνεται το μοτίβο πίσω από πραγματικό περιεχόμενο.
ΞεκινήστεΠεριήγηση ανά συλλογή
Σχετικά με το Γεννήτρια μοτίβων
Η Γεννήτρια μοτίβων μετατρέπει σχεδόν 2.000 έτοιμα σχέδια σε φόντα που μπορείτε να ρυθμίσετε και να χρησιμοποιήσετε αμέσως. Περιηγηθείτε σε 14 συλλογές, από κύματα, πουά και ψηφιδωτές επιστρώσεις έως ταρτάν, ιαπωνικά σεϊγκάιχα, ισλαμικά αστέρια, βεντάλιες άρ ντεκό, pixel sprites και παραλλαγή, και δείτε το καθένα στα δικά σας χρώματα.
Κάθε σχέδιο είναι διανυσματικό και επαναλαμβάνεται χωρίς ορατή ραφή, σε οποιαδήποτε μεγέθυνση και γωνία. Αλλάξτε έως και έξι χρώματα, τη μεγέθυνση, τη θέση, τις αποστάσεις, το πάχος γραμμής και τη γωνία, μετατρέψτε τα γεμισμένα σχήματα σε περιγράμματα ή αφήστε το μοτίβο να κινείται με επαναλαμβανόμενη κίνηση. Παραγόμενα μοτίβα όπως οι τοπογραφικοί χάρτες, τα κελιά Βορονόι και τα πλακίδια Τρισέ μπορούν να δώσουν νέα παραλλαγή σε κάθε κλικ.
Όταν σας αρέσει το αποτέλεσμα, αντιγράψτε το ως CSS, SCSS, ρύθμιση Tailwind, ενσωματωμένο SVG, data URI ή στοιχείο React ή κατεβάστε SVG, PNG, JPG ή WebP σε οποιοδήποτε μέγεθος έως 8000 pixel, μαζί με ένα μεμονωμένο πλακίδιο για τη δική σας επανάληψη. Όλα εκτελούνται στο πρόγραμμα περιήγησής σας: τίποτα δεν ανεβαίνει σε διακομιστή και δεν χρειάζεται λογαριασμός.
Πώς να χρησιμοποιήσετε το Γεννήτρια μοτίβων
- Επιλέξτε ένα μοτίβο: αναζητήστε με όνομα ή φιλτράρετε ανά συλλογή και αριθμό χρωμάτων.
- Επιλέξτε τα χρώματα με τους επιλογείς, μια έτοιμη παλέτα ή το «Νέα παλέτα».
- Ρυθμίστε τη μεγέθυνση, τη θέση, τις αποστάσεις, το πάχος γραμμής και τη γωνία. Κλειδώστε όποια τιμή θέλετε πριν πατήσετε «Εμπνεύστε με».
- Ελέγξτε το αποτέλεσμα με τις προεπισκοπήσεις «Εμφάνιση πλακιδίου», «Σε σελίδα» και «Σε κείμενο».
- Αντιγράψτε τον κώδικα ή κατεβάστε το αρχείο και χρησιμοποιήστε το «Αντιγραφή συνδέσμου» για να επιστρέψετε αργότερα ακριβώς σε αυτό το μοτίβο.