Az ingatlan css „átláthatóság” - ez egy egyszerű módja annak, hogy a webhely több érdekes design

Ma, a teremtés weboldal tervezés válik egy művészeti forma. Ez nem csak egy sor oldalelemek egy bizonyos szín és méret, betűtípus különböző stílusok és tematikus festmények. Annak érdekében, hogy a webhely különbözik másoktól, hogy vonzza a látogatók figyelmét, és a közvetlen, hogy bizonyos elemeket, használt nagyszámú módszerek és eszközök. Köztük van egy nagyon népszerű tulajdonság css - az átláthatóság. Ez a technika nagyon divatos és elbűvölő, ezért gyakran használják. Az átláthatóság adhat a különböző tárgyakat oldalt az oldal - szöveg blokk vagy a teljes képet, például. Azt is különböző módon végezhető. Nézzük őket az alábbiakban.

Paramétereket adja meg a transzparencia elemei

Paraméterek szabályozására elemei átláthatóságának több. Ezeket használják függően a konkrét célkitűzéseket, valamint a böngészőt, amely szerint a „korrigált” design. Ezek közé tartoznak a következő tulajdonságokat:

• fényelnyelés;
• kiszűrni;
• PNG-kép, mint a háttér.

Az ingatlan értéke css „átláthatóság” az alábbiak szerint változnak: minél nagyobb a szám, annál kisebb az átláthatóság az elem. A homály, ez változik 0-1, a szűrő - 10 és 100, és az utóbbit használják Intérêt Explorer böngészőt, és az összes többi esetben fényelnyelés tulajdon.

Átláthatóság Image (változó)

Kezdjük a lehetőség, hogy meg fog jelenni átlátható, ha mozog az elemet az egérrel.

Nézzük meg, hogyan határozza meg az átláthatóságot a képet. CSS két lehetőséget kínál. Ehhez regisztrálnia kell azt közvetlenül a kódot html-dokumentum az alábbiak szerint:

1. Adja meg az útvonalat, hogy a kép.
2. Mi határozza meg a paramétereket az átláthatóság, amikor a kurzor nem az. Ehhez használjuk a tulajdonságok a onmouseover és onmouseout előíró értékét fedettség, és szűrjük le.

Az azonos jellemzőkkel írhatjuk a css-dokumentumot, és a forráskódot, és adjunk hozzá egy utalás. Az eredményeket kiderülhet ugyanaz.

Átláthatóság a szöveg és az oldal blokkok

Ami a szöveg vagy blokk (átlátszó div), css kínál lehetőséget, hasonlóan olyan átlátható képet, meg kell használni a csatlakoztatott css-fájl, amelyben a kívánt paramétereket. Akkor menj, és egy egyszerűbb módon. Ha beállítja a stílus blokkot div style vagy szöveges p felírni a következő HTML-kódot onmouseover és onmouseout elemekkel. Mindkét lehetőség a munka és a kívánt eredményt.

átláthatóság folyamatos

Egyes esetekben az átláthatóság egy tárgy, egy design elem vagy szöveges beállítani kívánt folyamatosan. Ebben a helyzetben a megoldás még egyszerűbb, mint ha lebeg a kurzort.

Css elem az átláthatóság kap az alábbi kódot. Blokkban div style előírják értékek a háttér (például # ff8800), opacitás (pl, 0,5), és a szélessége (szélesség) és padding (padding).

A kép kódértékeket téve és homályossága szűrjük, majd adja meg az útvonalat, hogy a kép.

RGBA-módszerrel

Vannak más lehetőségek felhasználásával az ingatlan css: az átláthatóság lehet alkalmazni, hogy az alapszín bármilyen design elem. Ez használ RGBA módszer. Az első három betű áll az alapszínek (piros, hasadás, kék), és az utolsó - alfa, amely meghatározza az átláthatóság szintjét. Használata RGBA formátumú előírja az átláthatóság, rámutatás az utolsó számjegyet. Például, mint: háttér: RGBA (240,2,33,0.4035).

következtetés

Így használatával a munka során a site design egyszerű, de hatékony funkció css „átláthatóság”, akkor lehet, hogy még érdekesebbé és jobban észrevehető eleme minimális erőfeszítéssel. A leírt megvalósítási módok egyéni átláthatóság elemek segítenek ebben.