Css meatotino "manino" - o se auala faigofie e faia ia sili atu mamanu manaia le nofoaga

I aso nei, o le foafoaina o mamanu website avea o se pepa faatumu ata. e le na o se seti o le itulau elemene o le a lanu faapitoa ma lenei tele, faatanoa o le vai eseese ituaiga ma atavali thematic. Ina ia mafai ona faia ese lou nofoaga mai le isi, ina ia tosina tagata asiasi gauai ma taitai atu i elemene patino, faaaoga se numera tele o metotia ma meafaigaluega. I latou o loo i ai se css meatotino matuai taatele - manino. O lenei auala e fai si mananaia ma le matagofie, ma o le mea lea ua masani ona faaaoga. Manino e mafai ona tuuina atu mea eseese itulau o le nofoaga - mau poloka po o le ata atoa, mo se faataitaiga. E maua foi i auala eseese. Seʻi o tatou iloilo i latou i lalo.

Le faataamilosaga faamaoti le elemene o le manino

Le faataamilosaga e faatonutonu ai le tulaga manino o elemene o le tele. e faaaoga i latou e faalagolago i luga o le sini patino, faapea foi ma le browser, lea ua i lalo o le "fetuunaia" mamanu. E aofia ai le meatotino nei:

• opacity;
• faamama;
• PNG foliga o se talaaga.

css taua o Meatotino "manino" Ua suia e faapea: o le maualuga o le fuainumera, o le maualalo o le tulaga o le manino o le elemene. O le opacity, e eseese lava mai 0 le 1, i le faamama - mai le 10 i le 100. Ma ua faaaogaina e le gata mo Interet tagata suʻe nuʻu browser, ma isi meatotino opacity talafeagai.

Manino Image (suia)

Sei o tatou amata i le filifiliga o le a valavala pe ae agai i le mea e toso le isumu.

Ia tatou mafaufau pe faapefea ona faamaoti ai le manino o le faatusa. ofoina CSS lua ni filifiliga. Ina ia faia lenei mea, e tatau ona lesitala saʻo i le code HTML-pepa aloaia e faapea:

1. Faamaoti mai ai le ala i le faatusa.
2. Tatou faamatalaina le faataamilosaga o manino pe Autu poo le leai. Ina ia faia lenei mea, tatou te faaaogaina o meatotino a le onmouseover ma onmouseout, lea na faatonuina ai le taua o le opacity, ma faamama.

E le mafai ona faatonuina uiga lava lea e tasi i css-pepa aloaia ma le code puna e faaopoopo ai se faasinomaga i ai. O taunuuga liliu mai le tasi.

Manino o poloka o mau ma le itulau

A o le mau po o le poloka (manino div), css ofoina ana filifiliga, e talitutusa ma le mamanuina o se faatusa manino, e tatau ona e faaaogaina le css-faila fesootai, i ua faatulagaina ai le tapulaa manaomia. E mafai ona e alu ma se auala faigofie. A e faatuina le sitaili div poloka faiga po o mau p faatonuina nei HTML-code e onmouseover ma onmouseout elemene. Uma filifiliga galulue ma maua ai le taunuuga manaomia.

manino pea

I nisi o tulaga, o le manino o se mea faitino, o se mamanu elemene po o mau e te manao e tuu i luga o se faavae e faaauau pea. I lenei tulaga, e faigofie lava le vaifofo nai lo le taimi e TAPĒINA Autu poo le isumu.

Css elemene mo le manino o le a tuuina atu e le code nei. I poloka div faiga faatonuina faatauaina mo le talaaga (f.t.t., # ff8800), opacity (eg, 0.5) ma o le lautele (lautele) ma padding (padding).

Mo le tulaga faatauaina code faatusa ua faia ma opacity faamama, ma faamaoti mai le ala i le faatusa.

RGBA-auala

E i ai isi filifiliga mo le faaaogaina lenei css meatotino: mafai ona faaaogaina manino i le lanu pito i lalo o so o se elemene mamanu. E faaaoga metotia RGBA. O tusi muamua e tolu tutu atu mo le lanu faavae (mumu, fission, lanumoana), ma le mulimuli - Alefa, lea e faatulaga le tulaga o le masini malamalama. Faaaogaina RGBA-faatulagaga faatonuina manino, e faasino atu i le digit mulimuli. Mo se faataitaiga, e pei: talaaga: rgba (240,2,33,0.4035).

iʻuga

O lea la, i le faaaogaina i le faagasologa o galuega i luga o le nofoaga o mamanu css vaega faigofie ae aoga "manino", e mafai ona e faia ia sili atu ona elemene manaia ma sili atu ona iloa i taumafaiga itiiti. O le faamatalaina embodiments o le a fesoasoani tu vaaiga manino ia te outou i lenei mea.