Σχεδιασμός

Γεννήτρια διαβαθμίσεων CSS

Δημιουργήστε γραμμικές ή ακτινικές διαβαθμίσεις CSS με δύο χρώματα.

01Δεδομένα και ρυθμίσεις

Ο υπολογισμός γίνεται στο πρόγραμμα περιήγησης, χωρίς εγκατάσταση λογισμικού.

02Αποτέλεσμα

Αναμονή δεδομένων
Αναμονή δεδομένων

Εισαγάγετε τιμές ή φορτώστε το παράδειγμα για να δείτε το αποτέλεσμα.

Σχετικά με το εργαλείο: Γεννήτρια διαβαθμίσεων CSS

Δημιουργήστε γραμμικές ή ακτινικές διαβαθμίσεις CSS με δύο χρώματα.

Οι πράξεις εξαρτώνται από τη μορφή. Οι αποδεκτοί χαρακτήρες και η σύνταξη αναφέρονται στο παράδειγμα.

Μέθοδος υπολογισμού

linear-gradient(angle, color₁, color₂)

Αναλυτικό παράδειγμα

Λειτουργία
Γραμμική
Πρώτο χρώμα
#4f46e5
Δεύτερο χρώμα
#06b6d4
Γωνία διαβάθμισης, °
135
background: linear-gradient(135deg, #4f46e5, #06b6d4);

Ερωτήσεις και απαντήσεις

Τι κάνει το εργαλείο;

Δημιουργήστε γραμμικές ή ακτινικές διαβαθμίσεις CSS με δύο χρώματα. Οι πράξεις εξαρτώνται από τη μορφή. Οι αποδεκτοί χαρακτήρες και η σύνταξη αναφέρονται στο παράδειγμα.

Τι επηρεάζει την ακρίβεια και τη μορφή;

Τα χρώματα έχουν έξι ψηφία HEX. Η γωνία ισχύει μόνο για γραμμικές διαβαθμίσεις.

Πού γίνονται οι υπολογισμοί;

Ο υπολογισμός γίνεται στο πρόγραμμα περιήγησης, χωρίς εγκατάσταση λογισμικού.

Σχόλια (0)

Μοιραστείτε τη γνώμη σας — παρακαλώ να είστε ευγενικοί και εντός θέματος.

Δεν υπάρχουν ακόμη σχόλια. Αφήστε ένα σχόλιο και μοιραστείτε τη γνώμη σας!

Για να αφήσετε σχόλιο, παρακαλώ συνδεθείτε.

Συνδεθείτε για να σχολιάσετε