Φυσικές και εικονικές σκιές: Σκίαση CSS

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

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

Σκιά του αντικειμένου

Προφανώς μόνο τι πέφτει μια ακτίνα φωτός, επειδήπώς ακριβώς το αποτέλεσμα της αντανάκλασης της ακτίνας είναι προσβάσιμο στην αντίληψη του οφθαλμού. Η ακτίνα είναι «αδιάφορη» με την αντίληψη από ένα συγκεκριμένο σημείο στο διάστημα και, όταν φωτίζει ένα αντικείμενο, αντανακλάται από αυτό, και όταν χτυπά τα γύρω αντικείμενα, δημιουργεί ένα παιχνιδιάρικο παιχνίδι φωτός και σκιών.

Η ιδιότητα Shadow CSS δεν μπορεί να μεταδώσει την πραγματικότητααλλά το φαινόμενο σκιάς μπορεί να επιτευχθεί τόσο με τη φυσική του έννοια (με μια ορισμένη έννοια) όσο και με τη νέα έκδοση του υπολογιστή (όχι όλα έχουν σκιά, αλλά μπορούν να "μελετηθούν").

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

Ιδιότητες CSS Shadow

Η χρήση του CSS για να καθορίσετε την επιθυμητή σκιά είναι πολύ απλή. Η σύνταξη της σκιάς box περιλαμβάνεται στη γενική περιγραφή του στοιχείου και έχει μικρό αριθμό παραμέτρων.

Οι επιλογές σκιάς στο Σκίαση CSS ορίζονται από τις ακόλουθεςτρόπο. Μετατοπίζει τα Χ και Υ, θολώνει, τεντώνει και χρωματίζει. Οι πρώτοι δύο αριθμοί καθορίζουν τη μετατόπιση της σκιάς σε σχέση με το στοιχείο, το τρίτο - την ακτίνα του θολού, το τέταρτο - το μέγεθος της σκιάς σε σχέση με το στοιχείο.

Οι αριθμοί μπορούν να είναι αρνητικοί, το χρώμα καθορίζεται από κοινούς κανόνες. Σύνταξη Sτο hasow CSS υποστηρίζεται από όλα τα προγράμματα περιήγησης, αλλά σε κάθε περίπτωση έχει νόημα να ελέγξετε την κατάλληλη εμφάνιση της επιλεγμένης επιλογής σκίασης.

Όταν χρησιμοποιείτε την ιδιότητα CSS λαμβάνει υπόψη την επιλεγμένη ακτίνα καμπυλότητας και κάνει τις κατάλληλες αλλαγές στην προκύπτουσα σκιά.

Σχεδιάζοντας μια σκιά

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

Ένα καλό εργαλείο προσφέρει CSSmatic -το αποτέλεσμα παρουσιάζεται διαδραστικά και το αποτέλεσμα μπορεί να ληφθεί αμέσως στον κώδικα και να εισαχθεί στο έργο σας. Εδώ μπορείτε όχι μόνο να καθορίσετε τη σκιά και τις παραμέτρους της, αλλά και το πραγματικό χρώμα και τη δομή του επιθυμητού στοιχείου.

Το εργαλείο από το Mozilla, Developer, δίνει την ευκαιρία να μπει σε διαδραστικό τρόπο όχι μόνο τον κώδικα και τη σκιά του στοιχείου, αλλά και να σχεδιάσει τα ψευδο-στοιχεία του (: πριν και μετά).

Φυσικά, οι δυνατότητες του Shadow CSS δεν δίνει σκιά από την εικόνα,αλλά χρησιμοποιώντας την ιδιότητα χρώματος φόντου στην τιμή διαφάνεια, μπορείτε εύκολα να τοποθετήσετε την επιθυμητή διαδρομή στη σκιά της και να πάρετε το επιθυμητό αποτέλεσμα.

</ p>>