Pwopriyete CSS "transparans" - yon fason ki senp yo fè sit la konsepsyon plis enteresan

Jodi a, kreyasyon an nan konsepsyon sit entènèt vin tounen yon fòm atizay. Sa a se pa jis yon seri eleman paj nan yon koulè sèten ak gwosè, polis ak diferan estil ak penti tematik. Yo nan lòd yo fè sit ou diferan de lòt moun, atire atansyon vizitè 'ak dirije l' bay eleman sèten, itilize yon nimewo gwo nan metòd ak zouti. Pami yo gen yon CSS pwopriyete trè popilè - transparans. Teknik sa a se byen alamòd ak selèb, ak Se poutèt sa yo itilize souvan. Transparans ka bay objè diferan paj nan sit la - blòk tèks oswa foto a tout antye, pou egzanp. Li te tou reyalize nan diferan fason. Annou egzamine yo anba a.

Paramèt presize eleman ki nan transparans

Paramèt kontwole transparans nan eleman nan plizyè. Yo itilize depann sou objektif yo espesifik, osi byen ke navigatè a, ki se anba "ajiste" konsepsyon an. Men sa yo enkli pwopriyete sa yo:

• stupidity;
• filtre;
• PNG-image kòm yon background.

Pwopriyete valè CSS "transparans" yo chanje jan sa a: ki pi wo a nimewo a, pi ba a nivo a nan transparans nan eleman an. stupidity a, li varye de 0 a 1, nan filtre a - soti nan 10 a 100. Epi se lèt la itilize pou lentéré Explorer navigatè, ak tout lòt aplikab pwopriyete stupidity.

Transparans Imaj (chanje)

Ann kòmanse ak opsyon ki disponib nan ki pral parèt transparan lè ou deplase atik la pa trenen sourit la.

Se pou nou konsidere ki jan ou presize transparans nan imaj la. CSS ofri de opsyon. Pou fè sa, ou bezwen Anrejistre li dirèkteman nan html-dokiman an Kòd jan sa a:

1. Espesifye chemen ki mennen nan imaj la.
2. Nou defini paramèt yo nan transparans lè kurseur a se pa vre. Pou fè sa, nou itilize pwopriyete yo nan onmouseover a ak onmouzawt, ki preskri valè a nan stupidity, ak filtre.

karakteristik sa yo menm ka preskri nan CSS dokiman-yo ak kòd la sous yo ajoute yon referans nan li. Rezilta yo vire soti menm bagay la.

Transparans nan tèks ak paj blòk

Kòm pou tèks la oswa blòk (transparan div), CSS ofri opsyon li yo, menm jan ak kreye yon imaj transparan, ou gen yo sèvi nan kote paramèt yo vle yo mete konekte CSS-dosye a,. Ou ka ale ak yon fason ki pi senp. Lè ou mete div style la style blòk oswa tèks p preskri html-kòd la sa yo to onmouseover ak onmouzawt eleman. Tou de opsyon travay epi ki pwodui rezilta a vle.

transparans konstan

Nan kèk ka, transparans nan yon objè, yon eleman konsepsyon oswa tèks ou vle yo mete sou yon baz kontinyèl. Nan sitiyasyon sa a, solisyon an se menm pi fasil pase lè ou hover kurseur an sourit.

pral CSS eleman pou transparans dwe yo bay nan Kòd sa a. Nan blòk style div preskri valè pou background nan (egzanp, # ff8800), stupidity (egzanp, 0.5) ak lajè a (lajè) ak padding (kouvèti).

Pou imaj la valè Kòd yo ap fè ak stupidity filtre, ak presize chemen ki mennen nan imaj la.

RGBA-metòd

Gen lòt opsyon pou lè l sèvi avèk sa a CSS pwopriyete: ka transparans dwe aplike nan koulè a baz nan nenpòt eleman konsepsyon. Li itilize RGBA metòd. Nan premye twa lèt yo kanpe pou koulè yo debaz yo (wouj, fisyon, ble), ak dènye - alfa a, ki kouche nivo a transparans. Lè l sèvi avèk RGBA-fòma preskri transparans, montre li nan chif ki sot pase a. Pou egzanp, tankou: jan nou koumanse rgba (240,2,33,0.4035).

konklizyon

Se konsa, lè l sèvi avèk nan kou a nan travay sou konsepsyon sit karakteristik senp, men ki efikas CSS "transparans nan", ou ka fè li plis eleman ak efò minim enteresan ak plis aparan. reyalizasyon yo ki dekri yo se karakteristik transparans koutim pral ede w ak sa.