Šiandien svetainės dizainas kūrimas tampa tikras menas.Tai ne tik puslapių tam tikrą spalvą ir dydį, šriftai, įvairių stilių ir teminių nuotraukų rinkinys.Kad svetainė skiriasi nuo kitų, pritraukti lankytojų dėmesį ir išsiųsti ją į tuos ar kitus elementus, naudojant didelį skaičių metodus ir priemones.Tarp jų yra labai populiarus nuosavybė CSS - skaidrumas.Šis metodas yra gana madingi ir spalvingi, todėl yra naudojamas dažnai.Jūs galite suteikti įvairių objektų puslapiuose skaidrumą - teksto, vaizdo ar visai vieneto, pavyzdžiui.Taip pat gali būti pasiektas įvairiais būdais.Panagrinėkime juos toliau.
parametrai nustatyti elementų
parametrų, leidžiančių pakoreguoti elementus iš kelių skaidrumą skaidrumą.Jie yra naudojami priklausomai nuo konkrečių tikslų ir naršyklė, kuri yra pagal "pakoreguotas" dizainą.Tai apima šias savybes:
- neskaidrumo;
- filtras;
- PNG-vaizdo kaip fono.
turto vertės CSS "skaidrumas" keičiami taip: Kuo didesnis skaičius, tuo mažesnis skaidrumo elemento lygį.Drumstumas jis kinta nuo 0 iki 1, filtro - nuo 10 iki 100. Ir pastarasis yra naudojamas naršyklėje Intérêt Explorer ir už visą kitą taikytiną turtas yra neskaidrumo.
Skaidrumas vaizdas (keisti)
prasideda variantų, kai skaidrumas pasireikš, kai jūs perkeliate pelės žymeklį į prekę nėra.
apsvarstyti, kaip nustatyti vaizdo skaidrumą.CSS siūlo du variantus.Norėdami tai padaryti, turite užsiregistruoti jį kodas html dokumento taip:
- Nurodykite kelią iki paveikslėlio.
- apibrėžia skaidrumo parametrus, kai žymeklis yra ne.Už tai mes naudojame savybes onMouseOver ir onmouseout, kuriame nustatoma vertė ir neskaidrumo filtrą.
Šios savybės gali būti nurodyta css-dokumento ir kodo pridėti nuorodą į jį.Gauti rezultatai, pasirodo, ta pati.
skaidrus teksto blokai ir puslapis
kaip ir teksto ar bloko (skaidrus div), CSS siūlo savo variantą, panašus į sukurti skaidrią įvaizdį, kuris yra naudojamas prijungtas css failą, kuris bus suteikta reikalingus parametrus.Galite eiti ir paprastesnis būdas.Kai jūs nustatote stiliaus blokas div stiliaus ar teksto psl nustatyti šiuos HTML kodas elementai onmouseover ir onmouseout.Abu variantai dirbti ir duoti norimą rezultatą.
Skaidrumas pastovus
Kai kuriais atvejais, kai objekto, dizaino elementas ar teksto, kurį norite nustatyti nuolat skaidrumas.Šioje situacijoje, sprendimas yra dar paprasčiau, nei su pelės.
CSS elementas skaidrumo bus suteikta šių kodą.Didžiosiomis div stiliaus nurodyti dydžiai fone (pvz, # ff8800), neskaidrumo (pvz 0,5) ir plotis (plotis) ir apdaila (išklojimui).
nuotraukoms kodą daro vertybes ir neskaidrumo filtrą, ir nurodyti į atvaizdą kelią.
RGBA-metodas
Yra ir kitų variantų naudojant šį turtą CSS: skaidrumas gali būti taikomas fono spalva yra dizaino elementas.Jis naudoja RGBA metodą.Pirmieji trys raidės atstovauja pagrindines spalvas (raudona, skilimo, mėlyna), o paskutinis - alfa, kurioje nustatyti veiklos skaidrumo lygį.Naudojant formato RGBA-formatą nustato skaidrumą, nurodydama jį prie paskutinio skaitmens.Pavyzdžiui, kaip: fone: RGBA (240,2,33,0.4035).
Išvada
Taigi, naudojant į darbą dėl svetainės dizaino, žinoma, yra paprastas, bet įspūdingi nuosavybė CSS "skaidrumo", jūs galite padaryti jį įdomesnį ir labiau pastebimas elementai minimaliomis pastangomis.Aprašyta įsikūnijimai darbo našumą skaidrumas padės jums tai.
