Το Layer Styles CSS Generator δημιουργεί εφέ σκιάς, φόντου και περιγράμματος

Το CSS καθιστά τη ζωή απλή και τους ιστότοπους πολύ καλύτερα, αλλά δεν υπάρχει ακόμη κάτι που να είναι πολύ απλό. Ενώ το CSS μπορεί να διευκολύνει την εφαρμογή στυλ σε ιστοσελίδες, η δημιουργία ακόμη και ενός μέτριου σύνθετου CSS μπορεί να πάρει χρόνο. Στυλ επιπέδου είναι μια γεννήτρια CSS που σας επιτρέπει να δημιουργήσετε εφέ σκιάς, φόντου και περιγράμματος για επίπεδα (κείμενο ή εικόνα) χρησιμοποιώντας στοιχεία ελέγχου που είναι παρόμοια με τα στοιχεία ελέγχου εφέ επιπέδων του Photoshop.

Το Layer Styles δημιουργεί κώδικα CSS για πέντε διαφορετικά είδη εφέ. Drop Shadow, Inner Shadow, Background, Border and Border Radius. Μπορείτε να επιλέξετε το χρώμα, την απόσταση από το αντικείμενο / στρώμα, το θόλωμα και το μέγεθος τόσο της σκιάς πτώσης όσο και της εσωτερικής σκιάς. Το χρώμα φόντου μπορεί να αλλάξει σε στερεό ή ντεγκραντέ με εννέα προεπιλογές φόντου διαθέσιμες για την επιλογή ντεγκραντέ. Μπορείτε επίσης να προσθέσετε ένα σταθερό, διακεκομμένο ή εφέ πλαισίου γραμμής στα περιγράμματα. Το Radial εφέ σας επιτρέπει να ολοκληρώσετε τα όρια του επιπέδου.

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

Επισκεφτείτε τα Στυλ επιπέδου