CSS svojstvo „transparentnost” - jednostavan način da iskoristite site više zanimljiv dizajn

Danas, stvaranje web dizajn postaje oblik umjetnosti. To nije samo skup elemenata stranice određene boje i veličine, fontove u različitim stilovima i tematskim slikama. Kako bi vaš site drugačiji od drugih, da privuče pozornost posjetitelja i usmjeriti na određene elemente, koji se koristi veliki broj metoda i alata. Među njima je vrlo popularan svojstvo CSS - transparentnost. Ova tehnika je vrlo moderan i glamurozan, pa se koristi često. Transparentnost se može dati različite predmete stranice stranice - blok teksta ili cijelu sliku, na primjer. Također se postići na različite načine. Nemojmo ih ispitati u nastavku.

Parametri navesti elemente transparentnosti

Parametri za reguliranje transparentnosti elemenata nekoliko. Oni se koriste ovisno o specifičnim ciljevima, kao i preglednik, koji je pod „prilagođen” dizajn. To su sljedeća svojstva:

• Prozirnost;
• filtriranje;
• PNG slika kao pozadinu.

Nekretnine vrijednost css „transparentnost” mijenjaju se kako slijedi: što je veći broj, to je niža razina transparentnosti elementa. Neprozirnost, to varira od 0 do 1, u filteru - od 10. do 100., a drugi se koristi za intérêt Explorer, i svih ostalih neprozirnost imovine.

Transparentnost slike (mijenjanje)

Počnimo s opcijama koje će se pojaviti transparentne kad je premjestili povlačenjem miša.

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

1. Navedite stazu do slike.
2. Mi definirati parametre transparentnosti kada je pokazivač ne. Da biste to učinili, mi koristimo svojstva onmouseover i onmouseout koji propisuje vrijednost neprozirnosti i filter.

Iste karakteristike mogu biti propisane u css-dokument i izvorni kod za dodavanje referencu na njega. Rezultati ispasti isti.

Transparentnost teksta i stranica blokova

Što se tiče teksta ili bloka (prozirna DIV), CSS nudi svoje opcije, slično stvaranju transparentne slike, morate koristiti spojen CSS-file, u kojoj su postavljene željene parametre. Možete ići i jednostavniji način. Kada postavite stil blok div style ili tekst p propisuju sljedeći HTML-kod za onmouseover i onmouseout elemenata. Obje opcije raditi i proizvesti željeni rezultat.

transparentnost konstanta

U nekim slučajevima, transparentnost objekta, dizajn element ili tekst koji želite postaviti na trajnoj osnovi. U tom slučaju, rješenje je još jednostavnije nego kad prelazite pokazivač miša.

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 padding (padding).

Za slike kod vrijednosti izradu i neprozirnost filtar, a za stazu do slike.

RGBA-metoda

Postoje i druge opcije za korištenje ovog vlasništvu CSS: transparentnost mogu se primijeniti na baznu boju bilo element dizajna. Ona koristi RGBA metodu. Prva tri slova stoje za osnovne boje (crvena, fisija, plava), a posljednji - alfa, koji određuje razinu transparentnosti. Korištenje RGBA-format propisuje transparentnost, to ukazuje na posljednju znamenku. Na primjer, kao: pozadina: RGBA (240,2,33,0.4035).

zaključak

Dakle, koristeći u toku rada na web dizajn jednostavan, ali učinkovit značajka css „transparentnosti”, možete to učiniti zanimljivijim i izraženije elemente uz minimalan napor. Opisani oblici su prilagođene transparentnosti značajke će vam pomoći s ovim.