Īpašums css "caurspīdīgums" - vienkāršs veids, kā padarīt vietni vairāk interesantu dizainu

Šodien izveidošana mājas lapas dizains kļūst par mākslas formu. Tas ir ne tikai kopa lappuses elementu noteiktu krāsu un izmēru, fontus dažādu stilu un tematiskām gleznas. Lai padarītu jūsu vietni atšķiras no citiem, lai piesaistītu apmeklētāju uzmanību un novirzīt to uz atsevišķiem elementiem, izmanto ļoti daudz metodes un instrumentus. Starp tiem ir ļoti populārs īpašums CSS - pārredzamība. Šī metode ir diezgan moderns un krāšņi, un līdz ar to tiek lietots bieži. Pārredzamība var dot dažādus objektus lapas vietā - teksta bloku vai visu attēlu, piemēram. Tas arī panākt dažādos veidos. Ļaujiet mums pārbaudīt tos zemāk.

Parametri precizēt elementus, pārredzamības

Parametri regulēt elementu pārredzamību vairāki. Tie tiek izmantoti atkarībā no īpašajiem mērķiem, kā arī par pārlūku, kas ir zem "koriģētās" dizainu. Tie ietver šādas īpašības:

• necaurredzamība;
• filtrēt;
• PNG attēla kā fonu.

Īpašuma vērtība css "caurspīdīgums" tiek mainīts šādi: jo lielāks numurs, jo zemāka līmeņa pārredzamību elementa. Necaurredzamība, tas svārstās no 0 līdz 1, filtrā - no 10 līdz 100. Un tā tiek izmantota Intérêt Explorer pārlūku, un visu pārējo piemērojamo necaurredzamības īpašumu.

Pārredzamība attēls (maiņu)

Sāksim ar iespējām, kas parādās caurspīdīgs, kad jūs pārvietot objektu , velkot peli.

Ļaujiet mums apsvērt, kā noteikt pārredzamības attēla. CSS piedāvā divas iespējas. Lai to izdarītu, jums ir jāreģistrējas to tieši kodu HTML dokumentā šādi:

1. Norādiet ceļu uz attēla.
2. Mēs definēt parametrus pārredzamības kad kursors nav. Lai to izdarītu, mēs izmantojam īpašības onMouseOver un onMouseOut, kas noteic, vērtību caurspīdību, un filtram.

Šīs pašas īpašības var tikt noteikts CSS dokumentā un avota kodu, lai pievienotu atsauci uz to. Rezultāti izrādīties pats.

Pārredzamība teksta un lapas blokus

Attiecībā uz teksta vai bloka (caurspīdīgs div), CSS piedāvā savu iespēju, līdzīgi, lai izveidotu pārredzamu attēlu, jums ir jāizmanto savienots CSS failu, kurā vēlamie parametri tiek iestatīti. Jūs varat iet un vienkāršāks veids. Iestatot stils bloku div style vai teksta p noteikt šādu html kodu, lai onMouseOver un onMouseOut elementiem. Abas iespējas strādāt un ražot vēlamo rezultātu.

pārredzamība konstante

Dažos gadījumos pārredzamība objekta, dizaina elements vai teksts, kuru vēlaties iestatīt pastāvīgi. Šādā situācijā risinājums ir vēl vienkāršāka, nekā tad, kad jūs lidināties peles kursoru.

CSS elements pārredzamību tiks dota ar šādu kodu. In bloka div style noteikt vērtības fonu (piemēram, # ff8800), caurspīdību (piemēram, 0,5) un platums (platuma) un polsterējumu (polsterējumu).

Par attēla kodu vērtības, padarot un necaurredzamība filtru, un norādīt ceļu uz attēla.

RGBA-metode

Ir arī citas iespējas, izmantojot šo īpašumu CSS: pārredzamība var tikt piemēroti bāzes krāsu jebkura dizaina elements. Tas izmanto RGBA metodi. Pirmie trīs burti pamatkrāsas (sarkanā, ne dalīšanās, zils), un pēdējā - alfa, kas nosaka pārredzamības līmeni. Izmantojot RGBA-formātu nosaka pārredzamību, norādot to uz pēdējo ciparu. Piemēram, kā: fona: RGBA (240,2,33,0.4035).

secinājums

Tādējādi, izmantojot gaitā darbu pie lapas dizains vienkāršs, bet efektīvs līdzeklis CSS "pārredzamību", jūs varat padarīt to interesantāku un vairāk pamanāmas elementi ar minimālu piepūli. Aprakstītie iemiesojumi ir pielāgotas pārredzamības funkcijas palīdzēs jums ar to.