Jak převést vlastnosti CSS „zobrazení“ + „průhlednost“.

Krok 2: Nastavte vlastnost „zobrazení“.

Dále přistupte ke kontejneru div pomocí názvu třídy “ hlavní položka “ a nastavte „ Zobrazit ' vlastnictví:

Zde je hodnota „ Zobrazit “ vlastnost je nastavena jako “ blok ” pro využití celé šířky obrazovky.

Krok 3: Přidejte obrázek na pozadí

Dále použijte následující vlastnosti CSS na kontejner div, ke kterému se přistupuje:

Ve výše uvedeném úryvku kódu:

• “ výška ' a ' šířka vlastnosti určují velikost definovaného prvku.
• “ obrázek na pozadí ' CSS vlastnost se používá pro vložení obrázku pomocí ' url() ” funkce na zadní straně prvku.
• “ neprůhlednost ” určuje úroveň krytí pro prvek. Úroveň neprůhlednosti ukazuje úroveň průhlednosti, kde „ 1 “ se používá pro žádnou průhlednost a “ 0,5 ' je pro ' padesáti% “průhlednost.
• “ přechod ” v CSS umožňuje uživatelům plynule měnit hodnoty vlastností po danou dobu.
• “ okraj ” definuje prostor mimo definovanou hranici kolem prvku.

Výstup

Krok 4: Použijte „:hover“ Pseudo Selector

Nyní přejděte ke kontejneru div pomocí „ :vznášet se ” pseudoselektor, který se používá pro výběr prvků, když na ně najedeme myší:

Poté nastavte „ neprůhlednost “ vybraného prvku jako „ 1 ” pro odstranění průhlednosti.

Výstup

To je vše o nastavení vlastností přechodu CSS „zobrazení“ a „průhlednost“.

Závěr

Chcete-li nastavit vlastnosti přechodu „display“ a „opacity“, nejprve vytvořte kontejner div pomocí prvku