Eiendom css "deursigtigheid" - 'n eenvoudige manier om die webwerf meer interessante ontwerp maak

Vandag, die skepping van die webwerf ontwerp word 'n kunsvorm. Dit is nie net 'n versameling van bladsy elemente van 'n sekere kleur en grootte, lettertipe van verskillende style en tematiese skilderye. Ten einde jou webwerf anders as ander maak, om besoekers se aandag te trek en dit rig aan sekere elemente, gebruik 'n groot aantal van die metodes en gereedskap. Onder hulle is daar 'n baie gewilde eiendom css - deursigtigheid. Hierdie tegniek is baie modieus en glansryke, en daarom word dikwels gebruik. teks blok of die hele prentjie, byvoorbeeld - deursigtigheid kan verskillende voorwerpe bladsye van die webwerf gee. Dit is ook bereik in verskillende maniere. Laat ons hulle onder ondersoek.

Parameters spesifiseer die elemente van deursigtigheid

Parameters om die deursigtigheid van elemente van 'n paar te reguleer. Hulle word gebruik na gelang van die spesifieke doelwitte, sowel as die leser, wat onder die "aangepas" ontwerp. Dit sluit die volgende eienskappe:

• ondeursigtigheid;
• filter;
• PNG-beeld as 'n agtergrond.

Eiendomswaarde css "deursigtigheid" word soos volg verander: hoe hoër die nommer, hoe laer die vlak van deursigtigheid van die element. Die ondeursigtigheid, dit wissel 0-1, in die filter - van 10 tot 100. En die laaste is wat gebruik word vir Interêt Explorer, en alle ander toepaslike dekking eiendom.

Deursigtigheid Image (veranderende)

Kom ons begin met die opsies wat deursigtig sal verskyn wanneer jy die item beweeg deur die muis te sleep.

Kom ons kyk na hoe om die deursigtigheid van die beeld te gee. CSS bied twee opsies. Om dit te doen, moet jy dit direk te registreer in die kode html-dokument soos volg:

1. Spesifiseer die pad na die beeld.
2. Ons definieer die parameters van deursigtigheid wanneer die wyser is nie. Om dit te doen, gebruik ons die eienskappe van die onMouseOver en onMouseOut, wat die waarde van ondeursigtigheid en filter skryf.

Dieselfde eienskappe kan voorgeskryf word in css-dokument en die bronkode 'n verwysing by te voeg om dit te. Die resultate uitdraai dieselfde.

Deursigtigheid van teks en bladsy blokke

Soos vir die teks of blok (deursigtige div), css bied sy opsie, soortgelyk aan die skep van 'n deursigtige beeld, moet jy die verbind css-lêer, waarin die verlangde parameters gestel te gebruik. Jy kan gaan en 'n eenvoudiger manier. Wanneer jy die styl blok div style stel of teks p voorskryf die volgende HTML-kode te onMouseOver en onMouseOut elemente. Beide opsies werk en produseer die gewenste resultaat.

deursigtigheid konstante

In sommige gevalle, die deursigtigheid van 'n voorwerp, 'n ontwerp element of teks wat jy wil op te rig op 'n deurlopende basis. In hierdie situasie, die oplossing is nog makliker as wanneer jy hover die muis.

Css element vir deursigtigheid sal gegee word deur die volgende kode. In blok div style voorskryf waardes vir die agtergrond (bv # ff8800), ondeursigtigheid (bv, 0.5) en die breedte (breedte) en padding (padding).

Vir die beeld-kode waardes maak en ondeursigtigheid filter, en spesifiseer die pad na die beeld.

RGBA-metode

Daar is ander opsies vir die gebruik van hierdie eiendom css: deursigtigheid kan toegepas word op die basis kleur van enige ontwerpelement. Dit maak gebruik van RGBA metode. Die eerste drie letters staan vir die basiese kleure (rooi, splyting, blou), en die laaste - alfa, wat die vlak van deursigtigheid stel. Die gebruik van RGBA-formaat voorskryf deursigtigheid, wys dit aan die laaste syfer. Byvoorbeeld, as: agtergrond: RGBA (240,2,33,0.4035).

gevolgtrekking

Dus, deur die gebruik van in die loop van die werk op die site design eenvoudige maar effektiewe funksie css "deursigtigheid", kan jy dit meer interessant en meer opvallend elemente met 'n minimale inspanning te maak. Die beskryf belichaming is persoonlike deursigtigheid funksies sal jou help met hierdie.