CSS Text Shadow generator για τεμπέληδες.
Επιλέξτε ένα προκαθορισμένο στυλ από τη συλλογή ή δημιουργήστε μια σκιά κειμένου με τις προτιμήσεις σας. Ρυθμίστε τα επιθυμητά χαρακτηριστικά για να λάβετε τον κώδικα CSS.
Μετακινήστε τη σκιά δεξιά/κάτω, ορίστε το θάμπωμα και την αδιαφάνεια και επιλέξτε ένα χρώμα από την παλιά για να λάβετε το CSS σας. Χρησιμοποιήστε το ηλεκτρονικό πρόγραμμα επεξεργασίας για να προσαρμόσετε τα στυλ σας με αυτόματο τρόπο. Παρακολουθήστε την ζωντανή εξέλιξη της σκιάς σας στην προεπισκόπηση, όπου μπορείτε να ορίσετε ένα προσαρμοσμένο κείμενο και χρώμα φόντου.
Επεξήγηση της σκιάς κειμένου CSS3
Η ιδιότητα CSS3 text-shadow είναι από τις πιο δημοφιλείς τεχνικές προοδευτικής βελτίωσης του σχεδιασμού ενός ιστότοπου. Αν και αρχικά ήταν στην προδιαγραφή CSS 2.1, αποσύρθηκε λόγω έλλειψης υποστήριξης. Ωστόσο, τώρα είναι πίσω στο CSS 3 και έχει ευρεία υποστήριξη μεταξύ των σύγχρονων προγραμμάτων περιήγησης.
Χρειάζεται τέσσερις τιμές: η πρώτη τιμή ορίζει την απόσταση της σκιάς στην κατεύθυνση x (οριζόντια), η δεύτερη τιμή ορίζει την απόσταση στην κατεύθυνση y (κάθετη), η τρίτη τιμή ορίζει το θάμπωμα της σκιάς και η τελευταία τιμή ορίζει το χρώμα.
Αν και αυτό είναι σχετικά εύκολο να θυμάστε σε σύγκριση με άλλους κανόνες CSS3, όπως η ακτίνα περιγράμματος, είναι χρήσιμο να έχετε μια γεννήτρια όπως αυτή, ώστε να μπορείτε να δημιουργήσετε τη σκιά του κειμένου σας σε πραγματικό χρόνο και να τη συντονίσετε με στοιχεία που μοιάζουν με το Photoshop.
