Natuurlijke en virtuele schaduwen: Shadow CSS

Veel van de dingen en verschijnselen van de materiële wereld waargenomen onbewust, en het effect op hun perceptie - het resultaat van de toepassing van de kennis van het verleden. Alle dingen hebben een schaduw van zijn natuurlijke. In verschillende mate, is het ontwerp altijd de realiteit van de mate waarin het toegestaan een computermonitor gereflecteerd.

De evolutie van de moderne beeldschermen heeft opmerkelijke resultaten geboekt, en de wens om de schaduwen van voorwerpen vertegenwoordigen, werd niet alleen beschikbaar in de vorm waarin het bestaat in het echte leven, maar ook het imago van de nieuwe computer in.

objectschaduw

Blijkbaar is de enige die valt op een lichtstraal, omdat dit het door reflectie van de bundel toegankelijk waarneming van het oog. Ray "onverschillig" het beeld van een bepaald punt in de ruimte, en wordt verlichten object is gereflecteerd, en om op de omringende objecten creëert een grillige spel van licht en schaduw.

Shadow CSS eigenschap kan de realiteit van de werkelijkheid niet over te brengen, maar een schaduw effect kan worden verkregen als in zijn natuurlijke betekenis (in zekere zin), en de nieuwe versie van de computer (niet iedereen heeft een schaduw, maar het is mogelijk om "think out").

Shade kan worden toegewezen en die elementen die door zijn aard is het nooit. De virtuele wereld wordt gebracht aan de wereld de echte dynamiek en nieuwe wetten van de fysica objecten en fenomenen, hoewel ze misschien zijn er al, maar nog niet echt weg te openen.

Schaduw CSS-eigenschappen

Het gebruik van CSS is het gemakkelijk om de gewenste kleur te geven. Syntax box-shadow is opgenomen in de algemene beschrijving van het element en heeft een klein aantal parameters.

schaduw parameters in de schaduw CSS zijn als volgt gespecificeerd. Verschuivingen in de X en Y, vervaging, rek en kleur. De eerste twee getallen bepalen de relatieve verplaatsing van de schaduw lid, de derde - de radius vervaging, de vierde - de afmeting van de schaduw ten opzichte van het element.

Numbers kan negatief zijn, een kleur wordt gedefinieerd op basis van gemeenschappelijke regels. Syntaxis S Hadow CSS wordt door alle browsers, maar in elk geval is het zinvol om een adequate weergave van de gekozen optie schaduw controleren.

учитывает выбранный радиус закругления и делает соответствующие изменения в образующейся тени. Bij gebruik eigenschappen grens schaduw CSS houdt rekening met de gekozen kromtestraal, en maakt de gewenste wijzigingen in de verkregen schaduw.

ontwerpen schaduw

Onder CSS Shadow Generator online tools prominent. Shadows niet verwijzen naar het feit dat je gewoon door het invoeren van een aantal parameters kunnen geprogrammeerd. Design element geassocieerd met het totale ontwerp. Om te bepalen van de juiste waarden is erg handig om de verschillende producenten te gebruiken. Dit bespaart tijd en maakt het mogelijk om de ervaring van andere ontwikkelaars gebruiken.

Een goede tool biedt CSSmatic - resultaat verschijnt interactief, en het resultaat kan rechtstreeks in de code worden verkregen en plakken in uw project. Je kunt niet alleen bepalen de schaduw en de parameters, maar de werkelijke kleur en textuur gewenste item.

Tool van Mozilla, Developer, kunt u online niet alleen de code-element en de schaduw te krijgen, maar ook om haar pseudo ontwerpen (: before en: after).

Natuurlijk, de mogelijkheid van S Hadow CSS geen schaduw te geven over het beeld, in het element, maar met behulp van de background-color waarde van het vermogen in transparante, gemakkelijk om de gewenste contour in zijn schaduw te leggen en krijg het gewenste effect.