Täna loomine veebilehe kujunduse saab tõeline kunst.See ei ole lihtsalt kogum lehti teatud värvi ja suurust, fondid, eri stiile ja teema pildid.Selleks, et veebileht erineb teistest, et meelitada tähelepanu külastajate ja saata see neile või muid elemente kasutades suur hulk meetodeid ja vahendeid.Nende hulgas on väga populaarne vara CSS - läbipaistvus.See tehnika on väga moodne ja glamuurne, ja seetõttu kasutatakse sageli.Võite anda läbipaistvuse erinevate objektide lehekülge - teksti, pildi või kogu seadme, näiteks.Samuti võib saavutada erinevatel viisidel.Uurigem neid allpool.
parameetrid määrata läbipaistvuse elemendid
parameetrid võimaldavad reguleerida läbipaistvust elemendid mitu.Neid kasutatakse sõltuvalt konkreetsed eesmärgid, ja brauser, mis on tehtud "kohandatud" disain.Nende hulka kuuluvad järgmised omadused:
- läbipaistmatus;
- filter;
- PNG-pildi taustal.
väärtustel css "läbipaistvus" on muutunud järgmiselt: suurem arv, seda väiksem on läbipaistvuse tase element.Läbipaistmatus see varieerub 0-1, in filter - 10 kuni 100. Ja viimane kasutatakse veebilehitsejas INTERET Explorer, ja kõigi muude kohaldatavate vara on läbipaistmatus.
Transparency pilti (muutuv)
algab võimalusi, kui läbipaistvuse avaldub siis, kui liigutad hiirekursori objekt.
kaaluma, kuidas määrata läbipaistvuse pilti.CSS pakub kaks võimalust.Et seda teha, siis tuleb registreerida see kood html-dokument järgmiselt:
- määrama tee pilti.
- järgi on läbipaistvuse kui kursor ei ole.Me kasutame omadused onmouseover ja onMouseOut, mis näeb väärtust ja läbipaistmatus filter.
Need omadused võivad olla ette nähtud CSS-dokumendi ja lähtekoodi lisada lingi.Tulemus osutub sama.
läbipaistev teksti plokid lehel
Nagu teksti või plokk (läbipaistev div), CSS pakub oma valik, mis on sarnane, et luua läbipaistev image, mida kasutatakse ühendatud CSS-fail, mis antakse vajalikud parameetrid.Võite minna ja lihtsam viis.Kui seate stiilis plokk div style või teksti p ette järgmised html-koodi elemendid onmouseover ja onMouseOut.Mõlemad võimalused töötavad ja annavad soovitud tulemuse.
Transparency pidev
Mõnel juhul läbipaistvuse objekti, kujundus- või tekst, mida soovid seadistada jooksvalt.Sellises olukorras lahendus on isegi lihtsam kui hiirega.
css element läbipaistvuse antakse järgmine kood.Plokis div style ette väärtused tausta (nt # ff8800), läbipaistmatus (nt 0,5) ja laius (laius) ja polster (padding).
piltidele kood teevad väärtuste ja läbipaistmatus filter, ja määrama tee pilti.
RGBA-meetod
On ka teisi võimalusi kasutades selle pakkumisega css: läbipaistvust saab rakendada taustavärvi osa disain.Ta kasutab meetodit RGBA.Kolm esimest tähte tähistavad põhivärvi (punane, lõhustumine, sinine), ning viimane - alfa, milles läbipaistvuse.Kasutades RGBA-formaadis ette läbipaistvust, andes seal viimane number.Näiteks: taust: RGBA (240,2,33,0.4035).
Järeldus
Seega kasutades käigus tööd Kodulehekülje kujundus on lihtne, kuid tähelepanuväärne omadus css "läbipaistvus", saate muuta see huvitav ja märgatavam elemendid vähese vaevaga.Kirjeldatud variandid töö tulemuslikkust läbipaistvus aitab teid.
