Natural at virtual anino: Shadow CSS

Marami sa mga bagay at phenomena ng materyal na mundo pinaghihinalaang unconsciously, at ang epekto sa kanilang pang-unawa - ang resulta ng application ng kaalaman ng nakaraan. Ang lahat ng bagay ay may isang anino ng ito ay natural. Sa iba't ibang grado, ang disenyo ay palaging masasalamin ang katotohanan ng ang lawak kung saan ito ay pinapayagan ng isang computer monitor.

Ang evolution ng mga makabagong aparato display ay nakakamit pambihira resulta, at ang pagnanais na kumakatawan sa mga anino ng mga bagay, hindi lamang ay naging magagamit sa mga form na kung saan ito ay umiiral sa totoong buhay, kundi pati na rin sa kanyang bagong imahe computer.

object shadow

Tila ang tanging bagay na babagsak sa isang poste ng ilaw, dahil ito ay ang resulta ng salamin ng beam ay naa-access na pandama ng mga mata. Ray "walang malasakit" ang pang-unawa ng isang partikular na punto sa espasyo, at ito ay nag-iilaw ang bagay ay masasalamin mula sa mga ito, at pagkuha sa nakapalibot na mga bagay, ay lumilikha ng isang kakaiba pag-play ng liwanag at mga anino.

Shadow CSS ari-arian ay hindi maaaring ihatid ang katotohanan ng katotohanan, ngunit isang anino epekto ay maaaring makuha bilang sa kanyang likas na kahulugan (sa isang kahulugan), at ang bagong bersyon ng computer (hindi lahat ng tao ay may isang anino, ngunit ito ay posible na "Sa tingin out").

Shade maaaring italaga at ang mga elemento na kung saan sa pamamagitan ng kanyang likas na katangian ay hindi kailanman ito ay may. Ang virtual na mundo ay inihahandog sa mundo ang tunay na dinamika at mga bagong batas ng pisika bagay at phenomena, bagaman marahil ang mga ito ay naka-doon, lamang hindi bukas pa tunay na paraan.

properties Shadow CSS

Paggamit ng CSS ay madali upang tukuyin ang nais na lilim. Syntax box-shadow ay kasama sa pangkalahatang paglalarawan ng mga elemento at may isang maliit na bilang ng mga parameter.

shade parameter sa Shadow CSS ay tinukoy bilang mga sumusunod. Shift sa X at Y, lumabo, kahabaan, at kulay. Ang unang dalawang numero matukoy ang kamag-anak pag-aalis ng miyembro lilim, ang ikatlong - ang lumabo radius, ang ika-apat - ang laki ng anino na may paggalang sa mga sangkap.

Mga numero ay maaaring maging negatibo, ang isang kulay ay tinukoy ayon sa mga karaniwang patakaran. Syntax S hadow CSS ay suportado ng lahat ng mga browser, ngunit sa bawat kaso may katuturan upang suriin ang sapat na pagpapakita ng mga pagpipilian na pinili shade.

учитывает выбранный радиус закругления и делает соответствующие изменения в образующейся тени. Kapag gumagamit ng mga ari-arian hangganan anino CSS ay tumatagal sa account ang mga napiling radius ng kurbada, at gumagawa ng mga naaangkop na mga pagbabago sa ang mga nagresultang anino.

pagdidisenyo shade

Kabilang sa CSS Shadow Generator online na mga tool kitang-kita. Shadow ay hindi sumangguni sa ang katunayan na maaari mo lamang-program sa pamamagitan ng pagpasok ng ilang mga parameter. Elemento ng disenyo na nauugnay sa pangkalahatang disenyo. Upang matukoy ang tamang mga halaga ay tunay na maginhawa sa gumamit ng iba't ibang generators. Ito ay ini-imbak ng oras at ginagawang posible na gamitin ang mga karanasan ng iba pang mga developer.

Ang isang mahusay na tool aalok CSSmatic - Ang resulta ay lilitaw interactive, at ang resulta ay maaaring makuha nang direkta sa ang code at i-paste sa iyong proyekto. Hindi lamang mo maaaring tukuyin ang mga anino at mga parameter nito, ngunit ang aktwal na kulay at texture nais na item.

Tool mula sa Mozilla, Developer, ay nagbibigay-daan sa iyo upang makakuha ng online na hindi lamang ang code elemento at anino, ngunit din upang mag-disenyo nito pseudo (: bago at: matapos).

Naturally, ang posibilidad ng S hadow CSS hindi nagbibigay ng mga anino sa larawan, sa loob ng elemento, ngunit ang paggamit ng mga background-color halaga ng ari-arian sa transparent, madaling magpataw ang ninanais na korte sa kanyang anino at makuha ang ninanais na epekto.