Šodien radīšana mājas lapas dizains kļūst īsta māksla.Tas ir ne tikai kopa lappušu noteiktu krāsu un izmēru, fontu, dažādu stilu un bildītes.Lai Website atšķiras no citiem, lai piesaistītu apmeklētāju uzmanību un nosūtīt to uz tiem vai citiem elementiem, izmantojot lielu skaitu metodes un instrumentus.Starp tiem ir ļoti populārs īpašums CSS - pārredzamība.Šī metode ir diezgan moderns un krāšņi, un tāpēc bieži tiek lietots.Jūs varat dot dažādu objektu lappušu pārskatāmību - teksta, attēlu vai visas vienības, piemēram.To var arī panākt dažādos veidos.Ļaujiet mums pārbaudīt tos zemāk.
parametrus, lai uzstādītu elementu
parametriem, kas ļauj pielāgot elementu vairāku pārredzamību pārredzamību.Tos izmanto atkarībā no konkrētiem mērķiem, un pārlūku, kas ir saskaņā ar "koriģētā" dizainu.Tie ietver šādas īpašības:
- necaurredzamību;
- filtrs;
- PNG attēla kā fonu.
īpašuma vērtības CSS "caurspīdīgums" tiek mainīts sekojoši: lielāks skaitlis, jo zemāka līmeņa pārredzamību elementa.Necaurredzamība tas svārstās no 0 līdz 1, jo filtru - no 10 līdz 100. Un tā tiek izmantota pārlūkā Intérêt Explorer, un par visu pārējo piemērojamo īpašums ir necaurredzamību.
Transparency attēls (maiņu)
sākas ar opcijām, kad pārredzamība izpaudīsies, kad jūs pārvietojiet peles kursoru uz posteni.
apsvērt, kā iestatīt attēla caurspīdīgumu.CSS piedāvā divas iespējas.Lai to izdarītu, tev ir jāreģistrējas to kodu HTML dokumentā šādi:
- Norādiet ceļu uz attēla.
- nosaka parametrus pārskatāmības kad kursors nav.Par to mēs izmantojam īpašības onMouseOver un onMouseOut, kas nosaka vērtību un necaurredzamība filtru.
Šīs īpašības var noteikts CSS dokumentu un avota kodu, lai pievienotu saiti uz to.Rezultāti izrādīties tāds pats.
caurspīdīgs teksta blokus un lapa
Runājot par teksta vai bloka (caurspīdīgs div), css piedāvā savu iespēju, līdzīgi kā izveidot pārskatāmu attēlu, kas tiek izmantots savienots CSS failu, kas tiks dota nepieciešamos parametrus.Jūs varat iet un vienkāršāks veids.Iestatot stila bloka div stilu vai teksta p noteikt šādus html kods elementi onMouseOver un onMouseOut.Abas iespējas strādāt un dot vēlamo rezultātu.
Transparency nemainīgs
Dažos gadījumos, objekta, dizaina elements vai tekstu, kuru vēlaties iestatīt pastāvīgi pārredzamība.Šādā situācijā risinājums ir pat vienkāršāka nekā ar peli.
css elements pārredzamības tiks dota šādu kodu.Bloku div stilā izrakstīt vērtības fona (piemēram, # ff8800), apduļķošanās (piemēram, 0,5) un platumu (platumu) un polsterējums (apdare).
par attēliem kodu padara vērtības 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 piemērot fona krāsu dizaina elements.Tā izmanto metodi RGBA.Pirmie trīs burti pārstāv pamatkrāsas (sarkanā, šķelšanās, zils), un pēdējo - alfa, kas nosaka pārredzamības līmeni.Izmantojot RGBA formātā paredz 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 lapu dizains ir vienkāršs, bet iespaidīgs īpašums CSS "caurspīdīgums", jūs varat padarīt to interesantāku un vairāk pamanāmas elementi minimālu piepūli.Aprakstīts izgudrojuma realizācijas variantos darbs sniegumu pārredzamība palīdzēs jums ar to.
