Sådan overfører du CSS-egenskaber 'display' + 'opacitet'.

Trin 2: Indstil 'display' egenskab

Derefter skal du få adgang til div-beholderen ved at bruge klassenavnet ' hovedvare ' og indstil ' Skærm ” ejendom:

Her er værdien af ​​' Skærm ' egenskab er indstillet som ' blok ” for at optage al skærmbredde.

Trin 3: Tilføj baggrundsbillede

Anvend derefter følgende CSS-egenskaber på den tilgåede div-beholder:

I det ovennævnte kodestykke:

• “ højde ' og ' bredde ” egenskaber bestemmer størrelsen af ​​det definerede element.
• “ baggrundsbillede ' CSS-egenskaben bruges til at indsætte et billede ved hjælp af ' url() ”-funktion på bagsiden af ​​elementet.
• “ Gennemsigtighed ” bestemmer niveauet af opacitet for et element. Opacitetsniveauet demonstrerer gennemsigtighedsniveauet, hvor ' 1 ' bruges til ingen gennemsigtighed, og ' 0,5 ' er for ' halvtreds% 'gennemsigtighed.
• “ overgang ” i CSS tillader brugerne at ændre egenskabsværdier jævnt over en given varighed.
• “ margen ” definerer rummet uden for den definerede grænse omkring et element.

Produktion

Trin 4: Anvend ':hover' Pseudovælger

Få nu adgang til div-beholderen langs ' :hover ” pseudovælger, der bruges til at vælge elementer, når vi holder musen over dem:

Indstil derefter ' Gennemsigtighed ' af det valgte element som ' 1 ” for at fjerne gennemsigtigheden.

Produktion

Det handler om at indstille overgangs-CSS 'display' og 'opacitet' egenskaber.

Konklusion

For at indstille overgangsegenskaberne 'display' og 'opacitet' skal du først lave en div-beholder ved at bruge