Kako preklopiti lastnosti CSS »display« + »opacity«.

2. korak: Nastavite lastnost »display«.

Nato odprite vsebnik div z uporabo imena razreda ' glavna postavka « in nastavite » zaslon ” Lastnost:

Tukaj je vrednost ' zaslon Lastnost je nastavljena kot blok ” za zajem celotne širine zaslona.

3. korak: dodajte sliko ozadja

Nato uporabite naslednje lastnosti CSS na vsebniku div, do katerega dostopate:

V zgoraj navedenem delčku kode:

• “ višina « in » premer Lastnosti določajo velikost definiranega elementa.
• “ slika ozadja ” Lastnost CSS se uporablja za vstavljanje slike s pomočjo “ url() ” na hrbtni strani elementa.
• “ nepreglednost ” določa stopnjo motnosti za element. Stopnja motnosti prikazuje stopnjo preglednosti, kjer je ' 1 ' se uporablja za brez preglednosti in ' 0,5 ' je za ' petdeset % ” preglednost.
• “ prehod ” v CSS uporabnikom dovoljuje gladko spreminjanje vrednosti lastnosti v določenem času.
• “ marža ” definira prostor zunaj definirane meje okoli elementa.

Izhod

4. korak: Uporabite psevdo izbirnik »:hover«.

Zdaj odprite vsebnik div vzdolž ' :lebdi ” psevdo izbirnik, ki se uporablja za izbiranje elementov, ko se z miško pomaknemo nadnje:

Nato nastavite » nepreglednost ' izbranega elementa kot ' 1 ”, da odstranite prosojnost.

Izhod

To je vse o nastavitvi lastnosti »prikaz« in »neprozornost« prehoda CSS.

Zaključek

Če želite nastaviti lastnosti prehoda »display« in »opacity«, najprej naredite vsebnik div z uporabo elementa