Kinnisvara css "läbipaistvuse" - lihtne viis teha veebilehte rohkem huvitav disain

Täna loomine veebilehe kujunduse muutub kunst. See ei ole ainult kogum leheelemente teatud värvi ja suurust, fondid erinevate stiilide ja temaatilised maalid. Et teha oma sait erinev teistest, et meelitada külastajate tähelepanu ja suunata see teatud elemendid, mida kasutatakse väga palju meetodeid ja vahendeid. Nende hulgas on väga populaarne vara CSS - läbipaistvus. See meetod on üsna moodne ja glamuurne ning seetõttu kasutatakse sageli. Läbipaistvus võib anda erinevate objektide lehed saidil - tekstiblokk või tervikpilti, näiteks. Samuti saavutada erinevatel viisidel. Uurigem neid allpool.

Parameetrid täpsustada sätteid läbipaistvuse

Parameetrid reguleerida läbipaistvust elemendid mitu. Neid kasutatakse sõltuvalt konkreetsetest eesmärkidest, samuti brauseri mis on tehtud "kohandatud" disain. Nende hulka kuuluvad järgmised omadused:

• läbipaistmatus;
• filtreerida;
• PNG-pilt taustaks.

Kinnisvara väärtus css "läbipaistvuse" on muutunud järgmiselt: mida suurem number, seda väiksem on läbipaistvuse taseme elemendi. Läbipaistmatust, see varieerub vahemikus 0 kuni 1, filtrisse - 10 kuni 100. Ja viimane kasutatakse INTERET Exploreri, ja kõik muud kohaldatava läbipaistmatus vara.

Läbipaistvus Pilt (muutuva)

Alustame võimalusi, mis ilmuvad läbipaistvad kui objekti teisaldada lohistades hiirega.

Mõelgem, kuidas määrata läbipaistvuse pilt. CSS pakub kaks võimalust. Selleks peate registreerima otse koodi html-dokumendi järgmiselt:

1. Määrake tee pilt.
2. Me määratleda parameetrid läbipaistvuse kui kursor ei ole. Selleks me kasutame omadused onmouseover ja onMouseOut, mis näeb ette väärtust läbipaistmatus ja filter.

Sama omadused võib määrata CSS-dokument ja lähtekoodi lisada viited. Tulemused osutuvad sama.

Läbipaistvus teksti ja lehekülje plokid

Nagu teksti või blokeerida (läbipaistev div), CSS pakub oma valiku, mis on sarnane luua läbipaistev pilt, sa pead kasutama ühendatud css faili, milles soovitud parameetrid. Võite minna ja lihtsam viis. Kui seate stiilis plokk div style või teksti lk ette järgmise html-koodi onmouseover ja onMouseOut elemente. Mõlemad võimalused töötada ja toota soovitud tulemus.

läbipaistvuse pidevat

Mõnel juhul läbipaistvuse objekti, kujundus- või tekst, mida soovite määrata jooksvalt. Sellises olukorras lahendus on isegi lihtsam kui siis, kui viid hiirekursori.

Css element läbipaistvuse antakse järgmise koodi. Plokis div style ette väärtused tausta (nt # ff8800), läbipaistmatuse (nt 0,5) ja laiuse (laius) ja polster (polstri).

Sest pilt koodi väärtused teevad ja läbipaistmatus filter ja määrama tee pilt.

RGBA-meetodil

On ka teisi võimalusi kasutades seda vara css: saab kohaldada läbipaistvuse baasi värvi tahes disaini element. Ta kasutab RGBA meetod. Kolm esimest tähte paistavad põhivärvide (punane, lõhustumist sinine) ja viimane - alfa, mis seab läbipaistvuse. Kasutades RGBA-formaat näeb läbipaistvuse, juhtides seda viimast numbrit. Näiteks nagu: taust: RGBA (240,2,33,0.4035).

järeldus

Seega, kasutades töö käigus kohapeal disain lihtne, kuid tõhus funktsioon css "läbipaistvuse", saate muuta see huvitav ja rohkem märgatav elemendid vähese vaevaga. Kirjeldatud teostustes on kohandatud läbipaistvuse funktsioonid aitavad teid.