Soft CSS Box Shadow — Έτοιμος κώδικας
Δημιουργήστε οπτικά τον κώδικα σκιάς πλαισίου CSS: ρυθμιστικά για μετατόπιση, θόλωση, διάδοση, χρώμα με αδιαφάνεια, λειτουργία εισαγωγής και έως τέσσερα επίπεδα με ζωντανή προεπισκόπηση.
Αποτέλεσμα
Αυτή η σελίδα ανοίγει τη γεννήτρια σκιών πλαισίου προφορτωμένη με μια απαλή σκιά: χωρίς οριζόντια μετατόπιση, 8 εικονοστοιχεία προς τα κάτω, γενναιόδωρο θάμπωμα 24 εικονοστοιχείων και χαμηλή αδιαφάνεια μαύρου 12%. Η κάρτα προεπισκόπησης την αποδίδει αμέσως — ωθήστε οποιοδήποτε ρυθμιστικό και η γραμμή CSS ακολουθεί σε πραγματικό χρόνο.
Οι μαλακές σκιές είναι η δύναμη των σύγχρονων διεπαφών. Ένα μεγάλο θάμπωμα σε συνδυασμό με χαμηλή αδιαφάνεια αφαιρεί μια κάρτα από τη σελίδα χωρίς να σχεδιάζει ένα σκληρό περίγραμμα, γι' αυτό τα περισσότερα συστήματα σχεδίασης διατηρούν τις υψομετρικές τους σκιές ακριβώς σε αυτό το εύρος αντί για τις πυκνές, σκοτεινές σκιές της πρώιμης επίπεδης σχεδίασης.
Αντιγράψτε τη γραμμή σκιάς πλαισίου κατευθείαν στο φύλλο στυλ σας ή στοιβάξτε έως και τρία ακόμη επίπεδα για πιο πλούσια ανύψωση. Η γεννήτρια εκτελείται εξ ολοκλήρου στο πρόγραμμα περιήγησής σας — τίποτα δεν μεταφορτώνεται πουθενά.