Nekretnine css "transparentnost" - jednostavan način da se stranice više zanimljiv dizajn

Danas, stvaranje web stranice dizajn postaje oblik umjetnosti. Ovo nije samo skup elemenata stranica određene boje i veličine, fontovi različitih stilova i tematske slike. Da bi vaš sajt razlikuje od drugih, da privuku pažnju posjetitelja i usmjeriti ga na određene elemente, koristi veliki broj metoda i alata. Među njima je vrlo popularan imovine CSS - transparentnost. Ova tehnika je vrlo moderan i glamurozan, i zbog toga se često koristi. Transparentnost može dati različite objekte stranicama sajta - blok teksta ili cijelu sliku, na primjer. Takođe postići na različite načine. Neka nam ih ispitati u nastavku.

Parametri navesti elemente transparentnosti

Parametri za regulisanje transparentnost elemenata nekoliko. Oni se koriste u zavisnosti od specifičnih ciljeva, kao i pretraživač, koji je pod "prilagoditi" dizajn. To uključuje sljedeća svojstva:

• providnost;
• filter;
• PNG slike kao pozadinu.

Vrijednost imovine css "transparentnost" se mijenja se i glasi: što je veći broj, to je niži nivo transparentnosti elementa. Neprozirnost, to varira od 0 do 1, u filteru - od 10 do 100., a drugi se koristi za intérêt Explorer, kao i svim drugim važećim neprozirnost imovine.

Transparentnost slike (mijenja)

Počnimo sa opcije koje će se pojaviti transparentan kada se krećete stavku povlačenjem miša.

Razmotrimo kako odrediti transparentnost slike. CSS nudi dvije opcije. Da biste to učinili, morate ga registrirati direktno u kodu HTML-dokument kako slijedi:

1. Odredite put do slike.
2. Ćemo definirati parametre transparentnosti kada je kursor nije. Da biste to učinili, mi koristimo svojstva onmouseover i onmouseout, koji propisuje vrijednost neprozirnosti, kao i filter.

Iste karakteristike može se propisati u css-dokumenta i izvorni kod dodati referencu na njega. Rezultati ispasti isto.

Transparentnost teksta i stranice blokova

Što se tiče teksta ili blok (transparentne div), CSS nudi opciju, slično stvaranje transparentnog sliku, morate koristiti povezan CSS-file, u koji su postavljeni željene parametre. Možete ići i jednostavniji način. Kada postavite stil blok div style ili tekst p propisuju sljedeći HTML-koda onmouseover i onmouseout elemenata. Obje opcije rade i proizvesti željeni rezultat.

transparentnost konstanta

U nekim slučajevima, transparentnost objekta, dizajn elementa ili tekst koji želite postaviti na trajnoj osnovi. U ovoj situaciji, rješenje je čak i jednostavnije nego kada lebdite mišem.

Css element za transparentnost će dati sljedeći kod. U bloku div style propisati vrijednosti za pozadinu (npr # ff8800), neprozirnost (npr 0.5) i širine (širina) i punjenje (padding).

Za sliku kod vrijednosti prave i filter neprozirnost i navedite putanju do slike.

RGBA metoda

Postoje i druge opcije za korišćenje ove nekretnine CSS: transparentnost može se primijeniti na osnovnu boju bilo kojeg elementa dizajna. Koristi RGBA metoda. Prva tri slova stoje za osnovne boje (crvena, fisija, plava), a posljednji - alfa, koja određuje razinu transparentnosti. Koristeći RGBA formata propisuje transparentnost, ukazujući da poslednju cifru. Na primjer, kao što su: pozadinu: rgba (240,2,33,0.4035).

zaključak

Na taj način, koristeći u toku rada na dizajn sajta jednostavan, ali efikasan mogućnost CSS "transparentnost", možete učiniti ga zanimljive uočljiviji elemenata uz minimalan napor. Opisani embodiments su prilagođene funkcije transparentnost će vam pomoći s ovim.