Natuerlike en firtuele skaden: Shadow CSS

In soad fan 'e dingen en ferskynsels fan it materiaal wrâld ûnderfûn ûnbewust, en it effekt op harren waarnimming - it gefolch fan' e tapassing fan kennis fan it ferline. Alle dingen ha in skaad fan it natuerlike. Yn wikseljende graden, it ûntwerp hat altyd werom te finen op de realiteit fan de mjitte wêryn't it tastien in kompjûter monitor.

De evolúsje fan it moderne werjefte apparaten hat berikt opmerklike resultaten, en de winsk om te fertsjintwurdigjen 'e skaden fan foarwerpen, net allinnich waard beskikber yn de foarm wêryn it bestiet yn it echte libben, mar ek yn syn nije kompjûter ôfbylding.

object skaad

Blykber de iennichste ding dat falt op in beam fan ljocht, want it is it gefolch fan refleksje fan de bondel is te berikken belibbing fan it each. Ray "onverschillig" de belibbing fan in bepaald punt yn de romte, en it wurdt ferljochtsje foarwerp blykt ek út, en hieltyd op 'e omlizzende foarwerpen, ûntstiet in grillige toanielstik fan ljocht en skaad.

Shadow CSS property kin net oerbringe de realiteit fan 'e realiteit, mar in skaad effekt kin krigen wurde as yn har natuerlike betsjutting (yn in sin), en de nije ferzje fan de kompjûter (net elkenien hat in skaad, mar it is mooglik om "tinke out").

Shade kin tawiisd en dy eleminten dy't troch syn natuer It hat nea hawwe. De firtuele wrâld wurdt brocht oan de wrâld it echte dynamyk en nije wetten fan de natuerkunde objekten en ferskynsels, hoewol't miskien se binne der al, krekt net iepen noch echte manier.

Shadow CSS eigenskippen

It brûken fan CSS is maklik om te spesifisearjen de winske skaad. Syntaksis box-shadow is opnaam yn de algemiene beskriuwing fan it elemint en hat in lyts oantal parameters.

skaad parameters yn de Shadow CSS wurde oantsjutte as folget. Ferskowingen yn de X en de Y, blur, stretch, en kleur. De earste twa nûmers bepale de relative ferlizzing fan it skaad lid, it tredde - de blur striel, de fjirde - de grutte fan it skaad mei respekt foar de elemint.

Nûmers kin wêze negatyf, in kleur wurdt definiearre neffens mienskiplike regels. Syntax S hadow CSS wurdt stipe troch alle browsers, mar yn elts gefal is it sinfol om te kontrolearjen de adekwate werjefte fan de opsje keazen skaad.

учитывает выбранный радиус закругления и делает соответствующие изменения в образующейся тени. By it brûken fan eigenskippen râne skaad CSS wurdt rekken hâlden mei it selektearre straal fan curvature, en makket it passend feroarings yn de ûntstiene skaad.

designing shade

Under CSS Shadow Generator online ark prominint. Skaden net ferwize nei it feit dat kinne jo gewoan programmearre troch it ynfieren fan in pear parameters. Design elemint ferbûn mei it totale ûntwerp. Fêst te stellen it rjocht wearden is erg handig te brûken ferskillende Generators. Dat sparret tiid en makket it mooglik om brûk de ûnderfining fan oare ûntwikkelers.

In goede tool biedt CSSmatic - resultaat ferskynt ynteraktyf, en it resultaat kinne jo krije by direkt yn de koade en plakke yn dyn projekt. Jo kinne net allinnich beskiede hokker skaad en syn parameters, mar de eigentlike kleur en textuur winske item.

Tool út Mozilla, Developer, kinne jo te krijen online net allinnich de koade elemint en skaad, mar ek te ûntwerpen syn pseudo (: foar en: nei).

Fansels, de mooglikheid fan S hadow CSS gjin skaden op de ôfbylding, binnen it elemint, mar mei help fan de eftergrûn-kleur eigendom wearde in transparante, maklik te oplizze de winske contour yn syn skaad en krije it winske effekt.