Hoe CSS-eigenschappen 'display' + 'dekking' over te zetten

Stap 2: stel de eigenschap 'weergave' in

Ga vervolgens naar de div-container door de klassenaam ' hoofdartikel ” en stel de “ weergave ' eigendom:

Hier is de waarde van de ' weergave ” eigendom is ingesteld als “ blok ” voor het innemen van de hele schermbreedte.

Stap 3: Achtergrondafbeelding toevoegen

Pas vervolgens de volgende CSS-eigenschappen toe op de geopende div-container:

In het bovengenoemde codefragment:

• “ hoogte ' En ' breedte ” eigenschappen bepalen de grootte van het gedefinieerde element.
• “ achtergrond afbeelding ” CSS-eigenschap wordt gebruikt voor het invoegen van een afbeelding met behulp van de “ url() ” functie aan de achterzijde van het element.
• “ ondoorzichtigheid ” bepaalt het niveau van dekking voor een element. Het dekkingsniveau toont het transparantieniveau, waarbij ' 1 ” wordt gebruikt voor geen transparantie, en “ 0,5 ' is voor ' vijftig% ' transparantie.
• “ overgang ” in CSS stelt de gebruikers in staat om eigenschapswaarden soepel te wijzigen gedurende een bepaalde periode.
• “ marge ” definieert de ruimte buiten de gedefinieerde grens rond een element.

Uitgang

Stap 4: Pas ':hover' Pseudokiezer toe

Ga nu naar de div-container langs de ' :zweven ” Pseudo-selector die wordt gebruikt voor het selecteren van elementen wanneer we er met de muis overheen gaan:

Stel vervolgens de ' ondoorzichtigheid ” van het geselecteerde element als “ 1 ” om de transparantie te verwijderen.

Uitgang

Dat is alles over het instellen van overgangs-CSS-eigenschappen 'display' en 'dekking'.

Conclusie

Om de overgangseigenschappen 'weergave' en 'doorzichtigheid' in te stellen, maakt u eerst een div-container met behulp van het