Hvordan overføre CSS 'display' + 'opacity' egenskaper

Trinn 2: Angi 'display'-egenskap

Deretter får du tilgang til div-beholderen ved å bruke klassenavnet ' hovedartikkel ' og still inn ' vise ' eiendom:

Her er verdien av ' vise egenskapen er satt som blokkere ” for å ta opp all skjermbredde.

Trinn 3: Legg til bakgrunnsbilde

Deretter bruker du følgende CSS-egenskaper på den åpnede div-beholderen:

I kodebiten ovenfor:

• ' høyde ' og ' bredde egenskaper bestemmer størrelsen på det definerte elementet.
• ' bakgrunnsbilde ' CSS-egenskapen brukes for å sette inn et bilde ved hjelp av ' url() ”-funksjon på baksiden av elementet.
• ' opasitet ” bestemmer nivået av opasitet for et element. Opasitetsnivået demonstrerer gjennomsiktighetsnivået, der ' 1 ' brukes for ingen åpenhet, og ' 0,5 ' er for ' femti% ' åpenhet.
• ' overgang ” i CSS tillater brukere å endre egenskapsverdier jevnt over en gitt varighet.
• ' margin ” definerer rommet utenfor den definerte grensen rundt et element.

Produksjon

Trinn 4: Bruk ':hover' Pseudovelger

Nå får du tilgang til div-beholderen langs ' :sveve ” pseudovelger som brukes til å velge elementer når vi holder musen over dem:

Sett deretter ' opasitet ' av det valgte elementet som ' 1 ' for å fjerne gjennomsiktigheten.

Produksjon

Det handler om å angi 'display' og 'opasitet'-egenskaper for overgang CSS.

Konklusjon

For å angi egenskapene for overgangen «display» og «opacity», lag først en div-beholder ved å bruke