Ako previesť vlastnosti CSS „zobrazenie“ + „nepriehľadnosť“.

Krok 2: Nastavte vlastnosť „zobraziť“.

Potom pristupujte ku kontajneru div pomocou názvu triedy “ hlavná položka “ a nastavte „ displej ' nehnuteľnosť:

Tu je hodnota „ displej vlastnosť je nastavená ako blokovať ” pre zabratie celej šírky obrazovky.

Krok 3: Pridajte obrázok na pozadí

Potom použite nasledujúce vlastnosti CSS na kontajner div, ku ktorému sa pristupuje:

Vo vyššie uvedenom útržku kódu:

• “ výška “ a „ šírka ” vlastnosti určujú veľkosť definovaného prvku.
• “ obrázok na pozadí Vlastnosť CSS sa používa na vloženie obrázka pomocou „ url() “ na zadnej strane prvku.
• “ nepriehľadnosť ” určuje úroveň nepriehľadnosti prvku. Úroveň nepriehľadnosti demonštruje úroveň transparentnosti, kde „ 1 “ sa používa bez transparentnosti a “ 0,5 ' je pre ' päťdesiat percent “transparentnosť.
• “ prechod ” v CSS umožňuje používateľom plynulo meniť hodnoty vlastností počas daného trvania.
• “ marža “ definuje priestor mimo definovanej hranice okolo prvku.

Výkon

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

Teraz prejdite ku kontajneru div pozdĺž „ :vznášať sa ” pseudoselektor, ktorý sa používa na výber prvkov, keď na ne umiestnime kurzor myši:

Potom nastavte „ nepriehľadnosť “ vybratého prvku ako „ 1 ” na odstránenie priehľadnosti.

Výkon

To je všetko o nastavení vlastností prechodu CSS „zobrazenie“ a „nepriehľadnosť“.

Záver

Ak chcete nastaviť vlastnosti „display“ a „opacity“ prechodu, najprv vytvorte kontajner div pomocou prvku