Css Maoin "trédhearcacht" - ar bhealach simplí a dhéanamh ar an suíomh a dhearadh níos suimiúla

Sa lá atá inniu, beidh an cruthú láithreán gréasáin a dhearadh foirm ealaíne. Níl sé seo ach sraith de ghnéithe leathanach de dath áirithe agus méid, clónna de stíleanna éagsúla agus pictiúir téamacha. D'fhonn a dhéanamh do shuíomh difriúil ó dhaoine eile, go aird do chuairteoirí 'a mhealladh agus é a threorú chuig gnéithe áirithe, a úsáidtear le líon mór de na modhanna agus uirlisí. Ina measc tá CSS maoin an-tóir - trédhearcacht. Tá an teicníc go leor faiseanta agus glamorous, agus dá bhrí sin a úsáidtear go minic. Is féidir le trédhearcacht a thabhairt rudaí leathanaigh éagsúla ar an suíomh - bloc téacs nó an pictiúr iomlán, mar shampla. bainte amach freisin ar bhealaí éagsúla. Lig dúinn iad a scrúdú thíos.

Paraiméadair a shonrú na heilimintí trédhearcachta

Paraiméadair a rialáil an trédhearcacht na n-eilimintí de roinnt. Déantar iad a úsáid ag brath ar na cuspóirí sonracha, chomh maith leis an bhrabhsálaí, atá faoi dearadh "choigeartú". Ina measc seo tá na hairíonna seo a leanas:

• teimhneacht =
• scagaire;
• PNG-íomhá mar chúlra.

Maoin CSS luach "trédhearcacht" a athrú mar seo a leanas: dá airde an uimhir, an níos ísle ar an leibhéal trédhearcacht an eilimint. An teimhneacht, athraíonn sé ó 0 go 1, sa scagaire - ó 10 go 100. Agus is é an dara ceann a úsáidtear le haghaidh Interet Explorer bhrabhsálaí, agus gach maoin teimhneacht eile is infheidhme.

Trédhearcacht Íomhá (athrú)

A ligean ar tús a chur leis na roghanna a thaispeánfar trédhearcach nuair a bhogann tú an mhír trí tharraingt ar an luch.

Lig dúinn breathnú ar conas a shonrú ar an trédhearcacht an íomhá. CSS dhá rogha. Chun seo a dhéanamh, caithfidh tú clárú go díreach an cód html-doiciméad mar seo a leanas:

1. Sonraigh an cosán ar an íomhá.
2. Táimid shainiú na paraiméadair trédhearcachta nuair nach bhfuil an cúrsóir. Chun seo a dhéanamh, úsáidimid an airíonna na onmouseover agus onmouseout, a fhorordaíonn an luach na teimhneacht, agus scagaire.

Is féidir na saintréithe céanna a fhorordú i CSS-ndoiciméad agus an cód foinse a tagairt leis é. Tá na torthaí dul amach mar an gcéanna.

Trédhearcacht na bloic téacs agus leathanach

Maidir leis an téacs nó bloc (div trédhearcach), cuireann CSS más rogha leis, cosúil leis a chruthú íomhá trédhearcach, caithfidh tú a bhaint as an nasctha CSS-comhad, ina bhfuil na paraiméadair atá ag teastáil leagtha. Is féidir leat dul agus ar bhealach níos simplí. Nuair a leagtar tú an stíl div bloc stíl nó p téacs fhorordú an html-cód seo a leanas chun onmouseover agus onmouseout heilimintí. An dá rogha oibre agus a tháirgeadh ar an toradh inmhianaithe.

tairiseach trédhearcachta

I gcásanna áirithe, an trédhearcacht ar rud, eilimint dearaidh nó téacs is mian leat a shocrú ar bhonn leanúnach. Sa chás seo, is é an réiteach fiú níos simplí ná mar nuair a hover tú an cúrsóir luch.

Beidh eilimint CSS maidir le trédhearcacht a thabharfaidh an cód seo a leanas. I stíl div bloc luachanna a fhorordú chun chúlra (m.sh., # ff8800), teimhneacht (m.sh., 0.5) agus an leithead (leithead) agus stuála (stuáil).

Maidir leis an íomhá luachanna cód atá á dhéanamh agus teimhneacht scagaire, agus a shonróidh an cosán ar an íomhá.

RGBA-modh

Tá roghanna eile le haghaidh úsáid an CSS maoine: Is féidir le trédhearcacht a chur i bhfeidhm ar an dath bonn de aon eilimint dearaidh. Úsáideann sé modh RGBA. seasamh na chéad trí litir do na dathanna bunúsacha (dearg, eamhnú, gorm), agus an ceann deireanach - alfa, a leagann an leibhéal na trédhearcachta. Ag baint úsáide as RGBA-format Forordaíonn trédhearcacht, ag cur in iúl don dhigit deireanach. Mar shampla, mar: cúlra: RGBA (240,2,33,0.4035).

Mar fhocal scoir

Dá bhrí sin, trí úsáid a bhaint le linn na hoibre ar an dearadh an láithreáin gné simplí ach éifeachtach CSS "trédhearcacht", is féidir leat é a dhéanamh eilimintí le mórán iarrachta níos suimiúla agus níos mó faoi deara. Is iad na embodiments cur síos Beidh gnéithe trédhearcacht saincheaptha cabhrú leat le seo.