Nekilnojamas CSS "skaidrumas" - paprastas būdas padaryti svetainėje įdomesnis dizainas

Šiandien interneto svetainės dizainas kūrimas tampa meno forma. Tai ne tik puslapio elementus tam tikros spalvos ir nustatyti dydį, šriftą įvairių stilių ir teminių paveikslų. Kad jūsų svetainė skiriasi nuo kitų, pritraukti lankytojų dėmesį ir nukreipti jį į tam tikrus elementus, naudojama daugybė metodų ir priemonių. Tarp jų yra labai populiarus nuosavybė CSS - skaidrumas. Šis metodas yra gana madingi ir spalvingi, todėl yra dažnai naudojamas. Skaidrumas gali duoti skirtingus objektus puslapių svetainėje - teksto bloką ar visai paveikslėlyje, pvz. Taip pat pasiektas įvairiais būdais. Panagrinėkime juos toliau.

Parametrai nurodyti skaidrumo elementai

Parametrai reguliuoti elementų iš kelių skaidrumą. Jie naudojami priklausomai nuo konkrečių tikslų, taip pat naršyklėje, kuris pagal "pakoreguota" dizainu. Tai apima šias savybes:

• neskaidrumo;
• filtruoti;
• PNG-vaizdo kaip fono.

Turto vertė CSS "skaidrumas" keičiami taip: Kuo didesnis skaičius, tuo mažesnis skaidrumo elemento lygį. Nepermatomumas, jis kinta nuo 0 iki 1, ir filtro - nuo 10 iki 100. Ir pastarasis naudojamas Intérêt Explorer naršyklę, o visos kitos taikytinos neskaidrumo turtą.

Skaidrumas Vaizdo (keisti)

Pradėkime variantų, kad bus rodomas skaidri, kai jūs judėti elementą , vilkdami pelę.

Panagrinėkime, kaip nurodyti paveikslėlio skaidrumą. CSS siūlo dvi galimybes. Norėdami tai padaryti, jūs turite ją užregistruoti tiesiogiai kodas html dokumente taip:

1. Nurodykite kelią į atvaizdą.
2. Mes apibrėžti skaidrumo parametrus, kai žymeklis yra ne. Norėdami tai padaryti, mes naudojame iš onMouseOver ir onmouseout, kuriame nustatoma neskaidrumo ir filtru vertę savybes.

Tas pačias charakteristikas, gali būti nustatyta CSS-dokumento ir kodo pridėti nuorodą į jį. Rezultatai pasirodyti tas pats.

Skaidrumas teksto ir puslapio blokai

Kalbant apie teksto ar blokas (skaidrus div), CSS siūlo savo variantą, panašus į sukurti skaidrią vaizdą, jūs turite naudoti prijungtą css failą, kuriame yra nustatyti norimą parametrai. Galite eiti ir paprastesnis būdas. Kai jūs nustatote stilius blokas div style arba teksto psl paskirs šį HTML kodą į onmouseover ir onmouseout elementų. Abu variantai dirbti ir gaminti norimą rezultatą.

skaidrumas pastovus

Kai kuriais atvejais objekto skaidrumas, dizaino elementas ar teksto norite nustatyti nuolat. Esant tokiai situacijai, sprendimas yra dar paprastesnis, nei kai jūs užveskite pelės žymeklį.

Css elementas skaidrumo bus suteikta pagal šį kodą. Bloko div style nustatyti vertes fone (pvz, # ff8800), neskaidrumo (pavyzdžiui, 0,5) ir pločio (plotis) ir išklojimui (padding).

Dėl paveikslėlio kodas vertės priėmimo ir neskaidrumo filtras, ir nurodyti kelią iki paveikslėlio.

RGBA-metodas

Yra ir kitų variantų naudojant šį turtą CSS: skaidrumas gali būti taikomi bazinės spalvos bet dizaino elementas. Jis naudoja RGBA metodą. Pirmieji trys raidės pastovėti pagrindinių spalvų (raudonos, skilimo, mėlyna), o paskutinis - alfa, kuri nustato skaidrumo lygį. Naudojant RGBA formato nustato skaidrumą, nurodydama jį prie paskutinio skaitmens. Pavyzdžiui, kaip: fone: diodas (240,2,33,0.4035).

išvada

Taigi, naudojant į darbą dėl svetainės dizainas paprastas, bet veiksmingas funkcija css "skaidrumo", žinoma, jūs galite padaryti jį įdomesnį ir labiau pastebimas elementai su minimaliomis pastangomis. Aprašyti įsikūnijimai yra nestandartinių skaidrumo funkcijos padės jums tai.