Nepremičnine css "transparentnost" - preprost način, da bi stran bolj zanimivo obliko

Danes, oblikovanje zasnove spletne strani postane oblika umetnosti. To ni le skupek elementov strani določene barve in velikosti pisave različnih stilov in tematskih slik. Da bi vaša stran razlikuje od drugih, da bi pritegnili pozornost obiskovalcev in jih usmerja na nekatere elemente, ki se uporablja veliko število metod in orodij. Med njimi je zelo priljubljena lastnost css - preglednost. Ta tehnika je zelo v modi in očarljiv, zato se uporablja pogosto. Preglednost lahko povzročijo različne strani predmetov na mestu - besedilni blok ali celotno sliko, na primer. Dosegla je tudi na različne načine. Naj nam jih pregleda spodaj.

Parametri opredeliti elemente preglednosti

Parametri za urejanje transparentnosti elementov več. Uporabljajo se glede na posebne cilje, kakor tudi brskalnik, ki je pod "prilagojen" design. Ti vključujejo naslednje lastnosti:

• motnost;
• filtriranje;
• PNG-slike kot ozadje.

Nepremičnine vrednost css "transparentnost" se spremeni, kot sledi: večja kot je številka, nižjo raven preglednosti elementa. Motnost, se spreminja od 0 do 1, pri filtru - od 10 do 100., slednji pa se uporablja za intérêt Explorer brskalnik, in vseh drugih motnost objekta.

Preglednost slike (sprememba)

Začnimo z možnostmi, ki bodo prikazani pregledno, ko premaknete element z vlečenjem miške.

Vzemimo, kako določiti preglednost slike. CSS ponuja dve možnosti. Če želite to narediti, se morate registrirati neposredno v kodo HTML-dokument, kot sledi:

1. Določite pot do slike.
2. Definiramo parametre preglednosti, ko je kazalec ni. V ta namen bomo uporabili lastnosti onmouseover in onmouseout, ki določa vrednost motnosti in filtrom.

Enake lastnosti lahko predpiše v CSS-dokumenta in izvorno kodo dodati sklic nanj. Rezultati izkažejo enako.

Preglednost besedilnih in strani blokov

Kot je za besedilo ali bloku (pregledna div), CSS ponuja svojo opcijo, ki je podoben ustvarjanju pregledno sliko, morate uporabiti povezan CSS datoteko, v kateri so določene želene parametre. Lahko greš in enostavnejši način. Ko nastavite div slog slog blok ali besedilo p predpiše naslednje html kodo za onmouseover in onmouseout elementov. Obe možnosti dela in izdelavo želenega rezultata.

stalna preglednost

V nekaterih primerih, preglednost predmeta, design element ali besedilo, ki ga želite nastaviti za stalno. V tem primeru, je rešitev še lažje kot takrat, ko hover miško.

CSS element za preglednost bo podana z naslednjo oznako. Pri bloku slogu div predpiše vrednosti za ozadje (npr # ff8800), motnost (npr 0,5) in širino (širina) in podlogo (padding).

Za slike kodne vrednosti so za izdelavo in motnost filter, in določite pot do slike.

RGBA metoda

Obstajajo tudi druge možnosti za uporabo te lastnine slogov: preglednost je mogoče uporabiti na osnovni barvi koli zasnove elementa. Uporablja metodo RGBA. Prve tri črke stojijo za osnovne barve (rdeča, cepitvenih, modra), in zadnji - alfa, ki določa stopnjo preglednosti. Uporaba RGBA-format predpisuje preglednost, da kaže na zadnjo številko. Na primer, kot: ozadje: RGBA (240,2,33,0.4035).

zaključek

Tako je z uporabo v okviru dela na site design preprosta, vendar učinkovita funkcija css "transparentnost", lahko bi bilo bolj zanimivo in bolj opazen elementi z minimalnim naporom. Opisane izvedbe so prilagojene funkcije preglednosti vam bo pomagal pri tem.