Vlastnost css „transparentnost“ - jednoduchý způsob, jak z lokality více zajímavý design

V současné době je tvorba designu webových stránek se stává uměleckou formu. To není jen soubor prvků stránky určité barvy a velikosti, písma různých stylů a tematických obrazů. Aby byl váš web se liší od ostatních, přilákat pozornost návštěvníků a řídit jej na určité prvky, používá velké množství metod a nástrojů. Mezi nimi je velmi populární vlastnost css - průhlednost. Tato technika je velmi módní a elegantní, a proto se používá často. Transparentnost může dát různé objekty stránky webu - textového bloku nebo celého obrazu, například. To také dosáhnout různými způsoby. Pojďme prozkoumat jejich níže.

Parametry určují prvky transparentnosti

Parametry pro regulaci transparentnosti prvků několik. Jsou používány v závislosti na konkrétních cílů, stejně jako prohlížeč, který je v rámci „očištěné“ design. Patří mezi ně následující vlastnosti:

• neprůhlednost;
• filtr;
• PNG-image jako pozadí.

Hodnota vlastnosti css „průhlednost“ se mění takto: čím vyšší číslo, tím nižší je úroveň transparentnosti prvku. Neprůhlednost, se pohybuje od 0 do 1, ve filtru - od 10 do 100. A druhý je používán pro interet Exploreru, a všechny ostatní platné krytí majetku.

Průhlednost obrazu (změna)

Začněme s možnostmi, které se objeví transparentní při přesunutí položky tažením myši.

Uvažujme, jak určit průhlednost obrazu. CSS nabízí dvě možnosti. Chcete-li to provést, je nutné jej zaregistrovat přímo v kódu HTML dokumentu takto:

1. Zadejte cestu k obrázku.
2. Definujeme parametry průhlednosti, pokud kurzor není. Jak toho dosáhnout, používáme vlastnosti onmouseover a onmouseout, který předepisuje hodnotu neprůhlednosti a filtrem.

Stejné charakteristiky mohou být předepsány v css-dokumentu a zdrojový kód přidat odkaz na to. Výsledky dopadne stejně.

Průhlednost textu a stránek bloků

Co se týče textu nebo bloku (transparentní div), css nabízí svou volbu, podobně jako k vytvoření transparentního obrazu, budete muset použít připojený CSS soubor, ve kterém jsou nastaveny požadované parametry. Můžete jít a jednodušší způsob. Pokud nastavíte div style style bloku nebo textu p předepsat následující html kód onmouseover a onmouseout prvků. Obě možnosti pracovat a produkovat požadovaný výsledek.

průhlednost konstantní

V některých případech, průhlednost objektu, designový prvek nebo text, který chcete nastavit průběžně. V této situaci řešením je ještě jednodušší, než když podržíte kurzor myši.

Css prvkem pro transparentnost bude dána následující kód. V bloku div style předepsat hodnoty pozadí (např., # Ff8800), opacita (např, 0,5) a šířkou (šířka) a výplň (padding).

Pro obraz kódové hodnoty dělají a neprůhlednost filtr a zadejte cestu k obrázku.

RGBA metoda

Existují i jiné možnosti použití tohoto majetku css: transparentnost lze aplikovat na základní barvě jakéhokoliv designovým prvkem. Používá metodu RGBA. První tři písmena znamenají základních barev (červená, štěpení, modrá), a poslední - alfa, který nastavuje úroveň transparentnosti. Používání RGBA-formát předepisuje transparentnost, namířil ji na poslední číslici. Například, jak: pozadí: RGBA (240,2,33,0.4035).

závěr

Tím, že použití v průběhu prací na design místa jednoduchý, ale účinný funkce css „transparentnost“, můžete dělat to více zajímavější a výraznější prvky s minimálním úsilím. Popsaná provedení jsou vlastní funkce transparentnosti vám pomůže s tím.