Kako promijeniti CSS svojstva 'display' + 'opacity'.

Korak 2: Postavite svojstvo 'display'.

Zatim pristupite div spremniku korištenjem naziva klase ' glavna stavka ' i postavite ' prikaz ” svojstvo:

Ovdje je vrijednost ' prikaz ” svojstvo je postavljeno kao “ blok ” za zauzimanje cijele širine zaslona.

Korak 3: Dodajte pozadinsku sliku

Zatim primijenite sljedeća CSS svojstva na div spremnik kojemu pristupate:

U gore navedenom isječku koda:

• “ visina ' i ' širina ” svojstva određuju veličinu definiranog elementa.
• “ pozadinska slika ” CSS svojstvo koristi se za umetanje slike uz pomoć “ url() ” na stražnjoj strani elementa.
• “ neprozirnost ” određuje razinu neprozirnosti za element. Razina neprozirnosti pokazuje razinu prozirnosti, gdje ' 1 ” koristi se za netransparentnost, a „ 0,5 ' je za ' pedeset% ” transparentnost.
• “ tranzicija ” u CSS-u dopušta korisnicima glatku promjenu vrijednosti svojstava tijekom zadanog trajanja.
• “ margina ” definira prostor izvan definirane granice oko elementa.

Izlaz

Korak 4: Primijenite pseudo birač “:hover”.

Sada pristupite div spremniku duž ' :lebdjeti ” pseudo selektor koji se koristi za odabir elemenata kada prijeđemo mišem preko njih:

Zatim postavite ' neprozirnost ” odabranog elementa kao „ 1 ” za uklanjanje prozirnosti.

Izlaz

To je sve o postavljanju prijelaznih CSS svojstava 'display' i 'opacity'.

Zaključak

Da biste postavili svojstva prijelaza “display” i “opacity”, prvo napravite div spremnik pomoću elementa