CSS Mesh Gradient & Blurred Aura Studio
Δημιουργήστε κλίση πλέγματος υγρού πολλαπλών σημείων με ακτινοβολία θολού χρώματος, διαχυμένο Slider και σύγχρονη αισθητική.
Εκτελείται στο πρόγραμμα περιήγησής σας. Τα αρχεία σας δεν φεύγουν ποτέ από τη συσκευή. Δείτε πώς να το ελέγξετε
…
Πώς γίνεται
- 1Βήμα 1: ανοίξτε το CSS Mesh Gradient & Blurred Aura Studio και εισαγάγετε τα στοιχεία σας
Πληκτρολογήστε αριθμούς ή κείμενο, προσθέστε το αρχείο σας ή επιλέξτε τις επιλογές που χρειάζεστε. Δεν ανεβαίνει τίποτα: όλα μένουν στο πρόγραμμα περιήγησής σας.
- 2Βήμα 2: τι κάνει το CSS Mesh Gradient & Blurred Aura Studio
Δημιουργήστε κλίση πλέγματος υγρού πολλαπλών σημείων με ακτινοβολία θολού χρώματος, διαχυμένο Slider και σύγχρονη αισθητική.
- 3Βήμα 3: διαβάστε το αποτέλεσμα και συγκρίνετε
Το αποτέλεσμα εμφανίζεται αμέσως. Αλλάξτε μία τιμή για να δείτε πώς μεταβάλλεται η απάντηση και κρατήστε τον αριθμό που ταιριάζει στην περίπτωσή σας.
- 4Βήμα 4: αντιγράψτε ή αποθηκεύστε
Αντιγράψτε το αποτέλεσμα ή κατεβάστε το. Για σημαντική απόφαση, επιβεβαιώστε το με την επίσημη πηγή ή έναν σύμβουλο.
Σχετικά με αυτό το εργαλείο
Τα διαχωριστικά πλέγματος αντιπροσωπεύουν μία από τις πιο σημαντικές οπτικές τάσεις στο σύγχρονο SaaS και το σχεδιασμό εφαρμογών για κινητά. Συνδυάζοντας πολλαπλές συντεταγμένες ακτινικής διαχωρίσεως με βαθιά διάχυση θολού φόντου, αυτό το στούντιο δημιουργεί οργανικές ωρές χρώματος και περιβάλλοντες φόντους.
Συμβουλές για το καλύτερο αποτέλεσμα
Πριν ξεκινήσετε, αφιερώστε λίγο χρόνο να διαβάσετε τις επιλογές και δοκιμάστε πρώτα το εργαλείο με ένα μικρό παράδειγμα. Όλα εκτελούνται στο πρόγραμμα περιήγησης στη δική σας συσκευή· τίποτα από όσα πληκτρολογείτε ή προσθέτετε δεν ανεβαίνει και το κλείσιμο της καρτέλας τα σβήνει όλα. Αν κάτι δεν φαίνεται σωστό, φορτώστε ξανά τη σελίδα και δοκιμάστε πάλι ή χρησιμοποιήστε τον σύνδεσμο αναφοράς σε αυτή τη σελίδα για να μας πείτε τι πήγε στραβά. Αν ένα αποτέλεσμα εξακολουθεί να φαίνεται λάθος, αλλάζετε μία τιμή τη φορά για να δείτε ποιο πεδίο επηρεάζει περισσότερο. Προσθέστε τη σελίδα στους σελιδοδείκτες αν θα τη χρησιμοποιήσετε ξανά.
Με μια ματιά
- Κατηγορία: Εικόνες
- Εκτελείται στο πρόγραμμα περιήγησης, χωρίς εγγραφή, χωρίς μεταφόρτωση.
- Τα στοιχεία που εισάγετε μένουν στη συσκευή σας.
- Διαθέσιμο σε πολλές γλώσσες.
- Τελευταία αναθεώρηση περιεχομένου:
Συχνές ερωτήσεις
Τι είναι μια κλίση CSS mesh;
Μια κλίση πλέγματος συνδυάζει πολλά διαφορετικά σημεία άγκυρας χρώματος σε ένα στοιχείο χρησιμοποιώντας στρωμένες ακτινοβολίες και φίλτρα θολού Γκαους.
Μπορώ να το χρησιμοποιήσω σαν ιστορικό ήρωα;
Εφαρμόστε το CSS στο περιτύλιγμα σελίδας ή στον δοχείο του ήρωα για μια σύγχρονη, υδατική οπτική αισθητική.
Πώς λειτουργεί ο διαχυστής;
Ο διαχυστής ρυθμίζει την ακτίνα θολού (από 20px σε 100px) για να ελέγξει αν οι χρωματικές μεταβάσεις εμφανίζονται καθαρές ή εξαιρετικά ομαλές.
Χρειάζεται για αυτό εξωτερικές εικόνες ή SVG;
Όχι, όλο το φόντο είναι με καθαρό και ελαφρύ κώδικα CSS που δεν απαιτεί κατεβάσεις εικόνας.