Συνδυάστε τις δικές σας κλίσεις CSS με αυτή την ελεύθερη εφαρμογή στο Web

Κάθε σχεδιαστής ιστοσελίδων θα πρέπει να γνωρίζει CSS3 κλίσεις. Έχουν περάσει εδώ και χρόνια και υποστηρίζονται ευρέως από όλα τα μεγάλα προγράμματα περιήγησης.

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

Η αρχική σελίδα φορτώνεται με δύο στερεά χρώματα από κάθε πλευρά. Μπορείτε να χρησιμοποιήσετε το παλέτα χρωμάτων για να μετακινήσετε τις αποχρώσεις ή να εισάγετε α εγχειρίδιο κώδικα HEX αν γνωρίζετε το χρώμα που θέλετε. Μόλις έχετε δύο χρώματα που σας αρέσει, κάντε κλικ στο “Ας μιλήσουμε” κουμπί στο κέντρο.

Και τα δύο χρώματα συνδυάζονται σε μια κλίση CSS3 με τροποποιήσιμες επιλογές κοντά στο επάνω μέρος της σελίδας. Μπορείτε να επιλέξετε μεταξύ γραμμικές κλίσεις & & ακτινικές κλίσεις, και αν χρησιμοποιείτε το γραμμικό στυλ που μπορείτε σύρετε την κεντρική θέση σε όλη τη σελίδα.

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

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

Το Blend είναι ένα δωρεάν εργαλείο που δημιουργήθηκε από τον σχεδιαστή της NYC Colin Keany. Είναι επίσης φιλοξενείται στον ιστότοπό του, αν και δεν βλέπω έναν σύνδεσμο στο GitHub ή οποιοδήποτε ελεύθερο πηγαίο κώδικα οπουδήποτε. Αλλά το έγραψε μια μελέτη περίπτωσης περιγράφοντας τη διαδικασία δημιουργίας του Blend με όλα τα πρακτικά χαρακτηριστικά του.

Δυστυχώς, η τρέχουσα έκδοση δεν υποστηρίζει περισσότερα από δύο χρώματα. Αλλά περνάω τα δάχτυλά μου για πολυχρωματικές επιλογές στο μέλλον.

Δεδομένου ότι δεν μπορείτε να κατεβάσετε ένα τοπικό αντίγραφο, σας συνιστούμε να προσθέσετε σελιδοδείκτη για τη μελλοντική χρήση του Blend. Είναι ο τέλειος τρόπος να δοκιμές κλίσης χωρίς να επεξεργάζεστε επανειλημμένα το φύλλο στυλ σας.

Και, αν θέλετε να μοιραστείτε τις ιδέες σας ή απλώς να πείτε ευχαριστίες για αυτό το εργαλείο διαβάθμισης μπορείτε να τιτίβισμα Colin @ colinkeany.