Umbre naturale și virtuale: Shadow CSS

Multe lucruri și fenomene ale lumii materiale sunt percepute inconștient, iar efectul percepției lor este rezultatul aplicării cunoașterii trecutului. Toate lucrurile au umbre, asta

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.

Umbra obiectului

Probabil doar acea pe care cade raza de lumina, pentru ca exact rezultatul reflexiei razei este accesibil perceptiei 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“).

Umbra poate fi atribuită acelor elemente care, prin natura lor, nu au niciodată. Lumea virtuală a adus în lume dinamica reală și noile legi fizice ale obiectelor și fenomenelor, deși, probabil, ele sunt deja acolo, pur și simplu nu sunt încă descoperite într-un mod real.

Shadow CSS Properties

Utilizarea CSS pentru a specifica umbra dorită este foarte simplă. Sintaxa de umbră box este inclusă în descrierea generală a elementului și are un număr mic de parametri.

Opțiunile de umbră din Shadow CSS sunt setate după cum urmează. Schimbări în X și Y, estompare, întindere și culoare. Primele două numere determină deplasarea umbrei în raport cu elementul, a treia - raza estompării, a patra - dimensiunea umbrei în raport cu elementul.

Numerele pot fi negative, culoarea fiind specificată de reguli comune. Sintaxă Shadow CSS este susținută de toate browserele, dar în fiecare caz este logic să verificați afișarea adecvată a opțiunii shadow selectate.

Când utilizați proprietateaborder shadow CSS ia în considerare raza de curbură selectată și face modificări corespunzătoare în umbra rezultată.

Proiectarea unei umbre

Printre instrumentele CSS online Generatorul de umbre are un loc important. Umbrele nu se referă la ceea ce puteți programa pur și simplu prin specificarea câtorva parametri. Designul elementului este legat de designul general. Pentru a determina valorile dorite, este foarte convenabil să folosiți generatoare diferite. Acest lucru economisește timp și face posibilă utilizarea experienței altor dezvoltatori.

Un instrument bun oferă CSSmatic - rezultatul este prezentat interactiv, iar rezultatul poate fi obținut imediat în cod și introdus în proiect. Aici nu numai că puteți determina umbra și parametrii săi, dar și culoarea și structura reală a elementului dorit.

Instrumentul de la Mozilla, Developer, oferă posibilitatea de a obține în modul interactiv nu numai codul și umbra elementului, ci și să-și modeleze pseudoelementele (: înainte și după).

Firește, posibilitățile lui Shadow CSS nu oferă o umbră de la imaginea din interiorul elementului, dar folosind proprietatea de culoare de fundal în valoarea transparentă, puteți ușor să suprapuneți calea dorită pe umbra sa și obțineți efectul dorit.