Naturlige og virtuelle skygger: Shadow CSS

Mange af de ting og fænomener i den materielle verden opfattes ubevidst, og effekten på deres opfattelse - resultatet af anvendelsen af viden om fortiden. Alle ting har en skygge af det er naturligt. I varierende grad har design altid afspejlet virkeligheden af, i hvilket omfang det tilladt en computerskærm.

Udviklingen af moderne display enheder har opnået bemærkelsesværdige resultater, og ønsket om at repræsentere de skygger af objekter, ikke kun blev tilgængelig i den form, hvori det findes i det virkelige liv, men også i sin nye computer image.

objekt skygge

Tilsyneladende det eneste, der falder på en lysstråle, fordi det er et resultat af refleksion af strålen er tilgængelig opfattelse af øjet. Ray "ligeglade" opfattelsen af et bestemt punkt i rummet, og det er at belyse objektet reflekteres fra det, og at få på de omkringliggende objekter, skaber en finurlig spil af lys og skygger.

Shadow CSS egenskab kan ikke viderebringe virkeligheden i virkeligheden, men en skygge effekt kan opnås som i sin naturlige betydning (i en vis forstand), og den nye version af computeren (ikke alle har en skygge, men det er muligt at "tænke ud").

Shade kan tildeles, og de elementer, som i sagens natur er det aldrig har. Den virtuelle verden er bragt til verden de virkelige dynamik og nye love for fysik objekter og fænomener, selv om de måske er de allerede er der, bare ikke åben endnu reelle måde.

Shadow CSS egenskaber

Ved hjælp af CSS er let at angive den ønskede nuance. Syntaks box-shadow er inkluderet i den generelle beskrivelse af elementet og har et lille antal parametre.

skygge parametre i Shadow CSS kan specificeres således. Forskydninger i X og Y, slør, stræk, og farve. De første to tal bestemme den relative forskydning af skyggen element, den tredje - sløringen radius, den fjerde - størrelsen af skyggen i forhold til elementet.

Tal kan være negativ, en farve er defineret i henhold til fælles regler. Syntaks S Hadow CSS understøttes af alle browsere, men i hvert tilfælde giver det mening at kontrollere tilstrækkelig visning af optionen valgte nuance.

учитывает выбранный радиус закругления и делает соответствующие изменения в образующейся тени. Ved brug egenskaber grænsen skygge CSS tager hensyn til valgte krumningsradius, og gør de nødvendige ændringer i den resulterende skygge.

designe skygge

Blandt CSS Shadow Generator online værktøjer fremtrædende plads. Skygger henviser ikke til det faktum, at du bare kan programmeres ved at indtaste nogle få parametre. Design element er forbundet med det overordnede design. For at bestemme de rigtige værdier er meget praktisk at bruge forskellige generatorer. Det sparer tid og gør det muligt at bruge erfaringerne fra andre udviklere.

Et godt værktøj tilbyder CSSmatic - resultat vises interaktivt, og resultatet kan fås direkte i koden, og indsæt i dit projekt. Du kan ikke kun definere skyggen og dens parametre, men den faktiske farve og tekstur ønskede element.

Værktøj fra Mozilla, Udvikler, giver dig mulighed for at komme online, ikke blot koden element og skygge, men også til at designe sin pseudo (: før og: efter).

Naturligvis muligheden for S Hadow CSS ikke give skygger på billedet, inde i elementet, men ved hjælp af background-color ejendomsværdien i gennemsigtig, let at indføre den ønskede kontur i dens skygge og få den ønskede effekt.