Hoos Dabiiciga ah iyo dalwaddii: CSS Shadow

Qaar badan oo ka mid ah waxyaabaha iyo ifafaale ah ee dunida wax isag gartay, oo wuxuu saamaynta ay aragtida - natiijada codsiga aqoon ee la soo dhaafay. Waxyaalahan oo dhan waxay leeyihiin hoos oo waxaa ka mid ah caadi. In darajo kala duwan, design ayaa had iyo jeer ka muuqataa xaqiiqada dhabta ah ee ilaa xadka ay u ogol yahay monitor computer ah.

horumar ah ee aaladaha casriga ah soo bandhigay ayaa gaarey natiijooyin la taaban karo, oo waxay doonayaan waa in ay matalaan oo hooskii shay, ma noqday kaliya laga heli karaa foomka kuwaas oo waxaa jira nolosha dhabta ah, laakiin sidoo kale in ay image cusub computer.

hooskii shay

Waxaa cad in waxa kaliya ee ku dhacaa, dogob iftiinka, sababtoo ah waa natiijada iyo digtoonaan dharsameeyaha aragti heli karo isha. Ray "la taag daran" aragtida ah hal dhibic ka gaar ah meel, oo waxaa la ifi shayga muuqata ka, iyo helitaanka alaabta ku wareegsan, abuuraa play ah whimsical iftiinka oo hoosku.

hantida CSS Shadow ma gaadhsiin kartaa xaqiiqada dhabta ah ee xaqiiqda, laakiin saamaynta hoos oo laga heli karaa sida in ay xaqiiqsadaan macnaha dabiiciga ah (dareen), iyo version cusub ee computer ah (qof kasta oo aan leeyahay hooska, laakiin waxaa suurto gal ah in ay "ka baxay qabaa").

Hooska ahaan loogu talo iyo kuwa xubno ka kaas oo ay dabeecadda waxa aanu marnaba leeyihiin. dunida The dalwaddii la keenay dunida ugu dhaqdhaqaaqa dhabta ah iyo shuruucda cusub ee walxaha physics iyo ifafaale, in kasta oo laga yaabo in ay mar hore waxaa jira, kaliya ma furo jidka weli dhab ah.

guryaha CSS Shadow

Isticmaalka CSS waa u fududahay in la qeexo hadh la doonayo. Saan box-hooskii ku jira sharaxaad guud ee element ah oo uu leeyahay tiro yar oo xuduudaheedu.

beegyada uu hadh in CSS Shadow waxaa lagu qeexay sida soo socota. Gelinba ee X iyo Y, isku dari kara, stretch, iyo midabka. labada lambar ee ugu horeysay loo ogaado barakaca qaraabo ah xubin ka hadh, saddexaad - gacan ku isku dari kara, kii afraadna wuxuu ahaa - size hooska si ixtiraam leh in element ah.

Numbers noqon kartaa xun, midab waxaa lagu qeexaa sida ay xeerarka caadiga ah. Saan S CSS hadow waxaa taageera dhan daalacashada, laakiin ay dhacdo in kasta waxa macno si loo hubiyo bandhigay filan Hooska doorasho doortay.

учитывает выбранный радиус закругления и делает соответствующие изменения в образующейся тени. Marka la isticmaalayo guryaha oo soohdinteeda hooskii CSS tixgelinayo gacan la doortay ee dhaf, iyo ka dhigaysa ay isbedel ku haboon hooska keentay.

hooska naqshadaynta

Waxaa ka mid CSS Shadow Generator qalab online si cad. Hoosku ma gudbin xaqiiqada ah in aad si fudud u barnaamijkii karaa by galaya a-beegyada uu yar. element Design la xidhiidha design guud. Si loo go'aamiyo qiimaha saxda ah waa mid aad u habboon in la isticmaalo matoorrada kala duwan. Tani waxay ka badbaadiyaa waqti iyo waxay suuro gelineysaa in ay isticmaalaan waayo-aragnimo ah ee horumarinta kale.

qalab wanaagsan bixisaa CSSmatic - natiijada interactively muuqataa, iyo natiijada laga heli karaa si toos ah in xeerka iyo paste galay mashruuca. Waxaad ma qeexi karaan oo kaliya hooskii iyo xuduudaheedu ay, laakiin midabka iyo texture doonayo item dhabta ah.

Tool ka Mozilla, Developer, kuu ogolaanaya in aad si aad u hesho online ma aha oo kaliya element code iyo hooskii, laakiin sidoo kale si loo hindiso ay dacayadeed (: hor iyo ka: ka dib).

Dabcan, waxaa macquul ah ee CSS S hadow ma bixiso hoosku on image ah, gudaha element ah, laakiin la isticmaalayo qiimaha guriga background-color ee hufan, fududahay in la soo rogi dusha la doonayo in ay hooska oo heli tarin.