Οι γραμμές είναι ο πιο διακριτικός τρόπος για να δώσετε υφή σε μια σελίδα. Αυτή η συλλογή περιλαμβάνει απλές ρίγες και ζώνες, διαγώνιες ρίγες, κύματα, ζιγκ-ζαγκ, σεβρόν, φεστόνια, παύλες, πλέγματα, διασταυρούμενη σκίαση, κυματισμούς και πλεξούδες, ώστε να περάσετε από μια διακριτική λεπτή ρίγα σε ένα έντονο ρετρό κύμα.

Οι ρίγες και τα πλέγματα παραμένουν πολύ μικρά ως κώδικας, κάτι που τα κάνει καλή επιλογή για φόντα ιστοτόπων. Αλλάξτε το πάχος γραμμής και τις αποστάσεις για να ορίσετε πόσο πυκνές φαίνονται οι γραμμές και χρησιμοποιήστε το ρυθμιστικό γωνίας για να μετατρέψετε τις ίσιες ρίγες σε διαγώνιες.

Συχνές ερωτήσεις

Επιλέξτε ένα σχέδιο με ρίγες, ορίστε γωνία 45 μοιρών και αντιγράψτε το CSS. Οι γωνίες εκτός από 0, 90, 180 και 270 μοίρες χρησιμοποιούν ένα SVG που γεμίζει το στοιχείο, ώστε οι ρίγες να παραμένουν ομοιόμορφες σε κάθε πλάτος.

Ναι. Το ρυθμιστικό πάχους ορίζει το πλάτος των γραμμών και τα ρυθμιστικά απόστασης ορίζουν το κενό ανάμεσά τους.

Οι λεπτές γραμμές σε δύο κοντινά χρώματα παραμένουν ευανάγνωστες πίσω από κείμενο. Χρησιμοποιήστε την προεπισκόπηση «Σε σελίδα» για να ελέγξετε το αποτέλεσμα κάτω από μια πραγματική κάρτα πριν αντιγράψετε τον κώδικα.

Δημοφιλείς αναζητήσεις

μοτίβο με ρίγες μοτίβο με κύματα svg μοτίβο ζιγκ ζαγκ μοτίβο σεβρόν φόντο με ρίγες css απρόσκοπτο φόντο με κύματα μοτίβο πλέγματος svg διαγώνιες ρίγες css

Χρειάζεστε βοήθεια;

Βρήκατε πρόβλημα με αυτό το εργαλείο; Ενημερώστε μας.

Αναφορά προβλήματος

Προσθέστε αυτό το δωρεάν εργαλείο στον δικό σας ιστότοπο: αντιγράψτε και επικολλήστε τον παρακάτω κώδικα.

<iframe src="https://tweakee.com/el/tools/color/stripe-wave-patterns?embed=1" width="100%" height="720" style="border:1px solid #e2e8f0;border-radius:12px;max-width:680px;" loading="lazy"></iframe>

Μοτίβα με ρίγες και κύματα

1Επιλέξτε ένα μοτίβο

2Επιλέξτε τα χρώματα

3Προσαρμόστε το μοτίβο

4Προσθέστε κίνηση (προαιρετικά)

5Αντιγραφή ή λήψη

Ο τίτλος σας εδώ

Σχέδια για να ξεκινήσετε

Περιήγηση ανά συλλογή

Σχετικά με το Μοτίβα με ρίγες και κύματα

Συχνές ερωτήσεις

Δημοφιλείς αναζητήσεις

Μοτίβα με ρίγες και κύματα

1Επιλέξτε ένα μοτίβο

2Επιλέξτε τα χρώματα

3Προσαρμόστε το μοτίβο

4Προσθέστε κίνηση (προαιρετικά)

5Αντιγραφή ή λήψη

Ο τίτλος σας εδώ

Σχέδια για να ξεκινήσετε

Περιήγηση ανά συλλογή

Σχετικά με το Μοτίβα με ρίγες και κύματα

Συχνές ερωτήσεις

Πώς φτιάχνω διαγώνιες ρίγες σε CSS;

Μπορώ να αλλάξω το πάχος των γραμμών;

Ποιο μοτίβο γραμμών ταιριάζει καλύτερα πίσω από κείμενο;

Σχετικά Εργαλεία

Δημοφιλείς αναζητήσεις

Ενσωματώστε αυτό το εργαλείο