Ini CSS "akoyawo" - ọna ti o rọrun lati ṣe awọn ojula diẹ awon oniru

Loni, awọn ẹda ti website design di ohun aworan fọọmu. Eleyi jẹ ko o kan kan ti ṣeto ti iwe eroja ti kan awọn awọ ati iwọn, nkọwe ti o yatọ si aza ati thematic kikun. Ni ibere lati ṣe rẹ sii ti o yatọ lati elomiran, lati fa alejo 'akiyesi ati ki o tara o si awọn eroja, lo kan tobi nọmba ti awọn ọna ati awọn irinṣẹ. Lara wọn nibẹ ni a gidigidi gbajumo ini CSS - akoyawo. Yi ilana jẹ ohun asiko ati glamorous, ati nitori o ti lo igba. Akoyawo le fun o yatọ si ohun ojúewé ti awọn ojula - ọrọ Àkọsílẹ tabi gbogbo aworan, fun apẹẹrẹ. O tun waye ni awọn ọna oriṣiriṣi. Ẹ jẹ ki wadi wọn ni isalẹ.

Sile pato awọn eroja ti akoyawo

Sile lati fiofinsi awọn akoyawo ti eroja ti awọn orisirisi. Wọn ti wa ni lo da lori awọn kan pato afojusun, bi daradara bi awọn kiri, eyi ti o jẹ labẹ awọn "ni titunse" oniru. Awọn wọnyi ni awọn wọnyi-ini:

• opacity;
• àlẹmọ;
• PNG-image bi a lẹhin.

Ini iye CSS "akoyawo" ti wa ni yi pada bi wọnyi: awọn ti o ga awọn nọmba, awọn kekere awọn ipele ti akoyawo ti awọn ano. The opacity, o yatọ lati 0 to 1, ninu awọn àlẹmọ - lati 10 si 100. Ati awọn igbehin ti lo fun Interet Explorer kiri ayelujara, ati gbogbo awọn miiran wulo opacity ini.

Akoyawo Image (iyipada)

Jẹ ká bẹrẹ pẹlu awọn aṣayan ti yoo han sihin nigba ti o ba gbe awọn ohun kan nipa fifa awọn Asin.

Jẹ ki a ro bi lati tokasi awọn akoyawo ti awọn aworan. CSS nfun meji awọn aṣayan. Lati ṣe eyi, o gbọdọ forukọsilẹ ti o taara ni awọn koodu html-iwe bi wọnyi:

1. Pato awọn ona si awọn aworan.
2. A setumo awọn sile ti akoyawo nigbati awọn kọsọ ni ko. Lati ṣe eyi, a lo awọn ini ti awọn onmouseover ati onmouseout, eyi ti o prescribes iye ti opacity, ati àlẹmọ.

Awọn kanna abuda le wa ni ogun ni CSS-iwe ati awọn orisun koodu lati fi kan tọka si o. Awọn esi ti tan jade kanna.

Akoyawo ti ọrọ ati awọn iwe ohun amorindun

Bi fun awọn ọrọ tabi Àkọsílẹ (sihin ipin), CSS nfun awọn oniwe-aṣayan, iru si ṣiṣẹda kan sihin image, o ni lati lo awọn ti a ti sopọ CSS-faili, ninu eyi ti awọn ti o fẹ sile ti wa ni ṣeto. O le lọ ati ki o kan rọrun ọna. Nigbati o ba ṣeto awọn ara Àkọsílẹ ipin ara tabi ọrọ p juwe awọn wọnyi html-koodu to onmouseover ati onmouseout eroja. Mejeeji aṣayan ṣiṣẹ ki o si gbe awọn ti o fẹ esi.

akoyawo ibakan

Ni awọn igba miiran, awọn akoyawo ti ohun, a oniru ano tabi ọrọ ti o fẹ lati ṣeto lori ohun ti nlọ lọwọ igba. Ni ipo yìí, awọn ojutu jẹ ani rọrun ju nigba ti o ba rababa awọn Asin kọsọ.

CSS ano fun akoyawo yoo wa ni fun nipasẹ awọn wọnyi koodu. Ni Àkọsílẹ ipin ara juwe iye fun awọn lẹhin (e.g., # ff8800), opacity (eg, 0,5) ati awọn iwọn (iwọn) ati òwú (òwú).

Fun awọn aworan koodu iye ti wa ni ṣiṣe ati opacity àlẹmọ, ki o si pato awọn ona to awọn aworan.

RGBA-ọna

Nibẹ ni o wa awọn aṣayan miiran fun lilo yi ini CSS: akoyawo le ti wa ni loo si awọn mimọ awọ ti eyikeyi oniru ano. O nlo RGBA ọna. Ni igba akọkọ ti mẹta awọn lẹta duro fun awọn ipilẹ awọn awọ (pupa, fission, bulu), ati awọn ti o kẹhin - Alpha, eyi ti o kn awọn ipele ti akoyawo. Lilo RGBA-kika prescribes akoyawo, ntokasi o si awọn ti o kẹhin nọmba. Fun apẹẹrẹ, bi: lẹhin: rgba (240,2,33,0.4035).

ipari

Bayi, nipa lilo ninu papa ti ise lori ojula design o rọrun sugbon munadoko ẹya-ara CSS "akoyawo", o le ṣe awọn ti o siwaju sii awon ati ki o siwaju sii akiyesi eroja pẹlu pọọku akitiyan. Awọn apejuwe embodiments ni o wa aṣa akoyawo awọn ẹya ara ẹrọ yoo ran o pẹlu yi.