Property CSS "nghọta" - a ụzọ dị mfe ime ka saịtị ọzọ na-akpali imewe

Taa, ihe e kere eke nke website imewe na-aghọ onye art ụdị. Nke a abụghị nnọọ a set of page ọcha nke a na-agba na size, Akara ókwú nke ụdị dị iche iche na thematic osise. Iji mee ka gị na saịtị dị iche iche site n'aka ndị ọzọ, na-adọta ndị ọbịa 'anya ma chee ya ụfọdụ ọcha, na-eji a na nnukwu ọtụtụ ụzọ na ngwaọrụ. Otu n'ime ha e nwere a na-ewu ewu ihe onwunwe CSS - nghọta. Nke a na Usoro bụ nnọọ fashionable na-adọrọ adọrọ, na Ya mere na-eji mgbe. Nghọta nwere ike inye dị iche iche ihe na peeji nke nke saịtị - ederede ngọngọ ma ọ bụ dum foto, n'ihi na ihe atụ. Ọ na-enweta dị iche iche. Ka anyị tụlee ha n'okpuru ebe a.

Kwa-ezipụta ọcha nke nghọta

Kwa mezie nghọta nke ihe nke ọtụtụ. Ha na-eji dabere na kpọmkwem ebumnobi, nakwa dị ka ihe nchọgharị, nke bụ n'okpuru "gbanwee" imewe. Ndị a gụnyere ndị na-esonụ Njirimara:

• opacity;
• iyo;
• PNG-image dị ka a ndabere.

Property uru CSS "nghọta" na-agbanwe dị ka ndị a: ndị dị elu nke ọnụ ọgụgụ, na ala dị larịị nke nghọta nke mmewere. The opacity, ọ dịgasị si 0 ka 1, na iyo - site 10 ruo 100. Na nke ikpeazụ na-eji maka Interet Explorer nchọgharị, na ihe ndị ọzọ nile na ọdabara opacity onwunwe.

Nghọta Image (agbanwe)

Ka na-amalite na nhọrọ nke ga-apụta uzo mgbe ị na-akpali ihe site na-adọkpụpụta na òké.

Ka anyị tụlee otú ezipụta na nghọta nke image. CSS enye abụọ nhọrọ. Iji mee nke a, ị ga-aha ya ozugbo na koodu html-odide ahụ dị ka ndị a:

1. -Ezipụta na ụzọ ka onyinyo.
2. Anyị kọwaa kwa nke nghọta mgbe cursor bụghị. Iji mee nke a, anyị na-eji Njirimara nke onmouseover na onmouseout, nke na-edepụta uru nke opacity, na iyo.

Otu àgwà pụrụ ga-kenyere na CSS-akwụkwọ na ndị isi koodu ịgbakwunye a banyere ya. The results si gaa na otu.

Nghọta nke ederede na page blocks

Ma ihe ndị ederede ma ọ bụ gbochie (uzo div), CSS awade ya nhọrọ, yiri eke a uzo image, i nwere na-eji jikọọ na CSS-faịlụ, nke na-chọrọ parameters na-setịpụrụ. Ị nwere ike ịga na a mfe ụzọ. Mgbe ị na-esetịpụrụ style ngọngọ div style ma ọ bụ ederede p nye iwu ndị na-esonụ html-koodu onmouseover na onmouseout ọcha. Ma nhọrọ na-arụ ọrụ na-emepụta na chọrọ N'ihi.

nghọta mgbe nile

Mgbe ụfọdụ, nghọta nke ihe ihe, a imewe mmewere ma ọ bụ ederede ị chọrọ ka na-aga n'ihu na-adabere. Na ọnọdụ a, ihe ngwọta bụ ọbụna mfe karịa mgbe ị na hover òké cursor.

CSS mmewere maka nghọta ga-enye site ndị na-esonụ koodu. Na ngọngọ div style nye iwu ụkpụrụ maka ndabere (e.g., # ff8800), opacity (eg, 0,5) na obosara (obosara) na padding (padding).

Maka image code ụkpụrụ na-eme na opacity nyo, na-ezipụta na ụzọ ka onyinyo.

RGBA-usoro

E nwere ndị ọzọ nhọrọ maka iji nke a onwunwe CSS: nghọta nwere ike etinyere isi agba nke ọ bụla imewe mmewere. Ọ na-eji RGBA usoro. The mbụ akwụkwọ ozi atọ na-eguzo maka isi na agba (red, fission, acha anụnụ anụnụ), na ndị ikpeazụ - Alfa, nke na-eme nke larịị nke nghọta. Iji RGBA-format edepụta nghọta, na-atụ ya ka ikpeazụ ọbula. Ka ihe atụ, dị ka: ndabere: rgba (240,2,33,0.4035).

ọgwụgwụ

N'ihi ya, site na iji na N'ezie nke na-arụ ọrụ na saịtị imewe dị mfe ma dị irè feature CSS "nghọta", i nwere ike ime ka ọ ọzọ na-akpali ndị ọzọ kwesiri ngosi ọcha na di ntakiri mbọ. The kọwara embodiments bụ omenala nghọta atụmatụ a ga-enyere gị aka na nke a.