Umbre naturale si virtuale: Shadow CSS

Multe dintre lucrurile și fenomenele lumii materiale percepute inconștient, iar efectul asupra percepției lor - rezultatul aplicării de cunoaștere a trecutului. Toate lucrurile au o umbra de e natural. În grade diferite, designul a reflectat întotdeauna realitatea, în măsura în care a permis un monitor de calculator.

Evoluția dispozitivelor de afișare moderne a obținut rezultate remarcabile, și dorința de a reprezenta umbrele obiectelor, nu numai că a devenit disponibil în forma în care există în viața reală, dar, de asemenea, în noua sa imagine de calculator.

obiect umbra

Se pare că singurul lucru care cade pe o rază de lumină, pentru că este rezultatul reflecției al fasciculului este percepția accesibilă a ochiului. Ray „indiferent“ percepția unui anumit punct în spațiu, și este iluminarea obiectului este reflectată de ea, și obținerea pe obiectele din jur, creează o piesă de teatru capricioasă de lumină și umbre.

proprietate Shadow CSS nu poate exprima realitatea realității, ci un efect de umbră poate fi obținut în sensul său natural (într-un sens), iar noua versiune a computerului (nu toată lumea are o umbră, dar este posibil să se „gândească out“).

Shade pot fi atribuite și acele elemente care, prin natura sa, niciodată nu are. Lumea virtuală este adusă lumii dinamicii reale și noi legi de obiecte fizice și fenomene, cu toate că, probabil, acestea sunt deja acolo, pur și simplu nu deschide drumul încă reală.

Proprietăți CSS Shadow

Utilizarea CSS este ușor pentru a specifica nuanța dorită. Sintaxa box-umbra este inclusă în descrierea generală a elementului și are un număr mic de parametri.

Parametrii umbră în umbra CSS sunt specificate după cum urmează. Mișcările X și Y, blur, întindere, și culoarea. Primele două numere determină deplasarea relativă a elementului de umbră, a treia - raza blur, a patra - mărimea umbrei în ceea ce privește elementul.

Numerele pot fi negativ, o culoare este definită în conformitate cu normele comune. Sintaxa CSS S Hadow este suportat de toate browserele, dar în fiecare caz , are sens pentru a verifica afișarea adecvată a opțiunii alese umbră.

учитывает выбранный радиус закругления и делает соответствующие изменения в образующейся тени. Când utilizează proprietățile de frontieră umbra CSS ia în considerare raza selectată de curbură, și face modificările corespunzătoare în umbra rezultată.

Proiectare umbră

Printre CSS Shadow Generator instrumente online vizibil. Umbrele nu se referă la faptul că puteți pur și simplu programat prin introducerea câtorva parametri. Element de design asociat cu designul general. Pentru a determina valorile corecte este foarte convenabil de a utiliza diferite generatoare. Acest lucru economisește timp și face posibilă utilizarea experienței altor dezvoltatori.

Un bun instrument oferă CSSmatic - rezultat apare în mod interactiv, iar rezultatul poate fi obținut direct în codul și inserați în proiectul dumneavoastră. Nu puteți defini doar umbra și parametrii săi, dar culoarea și textura dorită elementul real.

Instrumentul de la Mozilla, dezvoltator, vă permite să obțineți on - line , nu numai elementul de cod și de umbra, dar , de asemenea , pentru a proiecta pseudo sale (: înainte și: după).

Desigur, posibilitatea de CSS S Hadow nu oferă umbre pe imagine, în interiorul elementului, dar folosind valoarea proprietății culoare de fundal în transparent, ușor de a impune conturul dorit în umbra lui și pentru a obține efectul dorit.