So wechseln Sie die CSS-Eigenschaften „Anzeige“ + „Opazität“.

Schritt 2: Legen Sie die „Anzeige“-Eigenschaft fest

Greifen Sie als Nächstes auf den div-Container zu, indem Sie den Klassennamen „ Hauptartikel “ und stellen Sie die „ Anzeige ' Eigentum:

Hier ist der Wert des „ Anzeige „Eigenschaft ist festgelegt als“ Block ” für die Aufnahme der gesamten Bildschirmbreite.

Schritt 3: Hintergrundbild hinzufügen

Wenden Sie als Nächstes die folgenden CSS-Eigenschaften auf den div-Container an, auf den zugegriffen wird:

Im oben genannten Code-Snippet:

• „ Höhe ' Und ' Breite ”-Eigenschaften bestimmen die Größe des definierten Elements.
• „ Hintergrundbild „ CSS-Eigenschaft wird zum Einfügen eines Bildes mit Hilfe des „ URL() ”-Funktion auf der Rückseite des Elements.
• „ Opazität “ bestimmt die Deckkraft eines Elements. Die Opazitätsstufe zeigt die Transparenzstufe an, wobei „ 1 “ wird für keine Transparenz verwendet, und „ 0,5 ' ist für ' fünfzig% „Transparenz.
• „ Übergang ” in CSS ermöglicht es den Benutzern, Eigenschaftswerte über einen bestimmten Zeitraum hinweg reibungslos zu ändern.
• „ Rand ” definiert den Raum außerhalb der definierten Grenze um ein Element herum.

Ausgang

Schritt 4: Wenden Sie den „:hover“-Pseudoselektor an

Greifen Sie nun auf den div-Container entlang der „ :schweben ” Pseudoselektor, der zum Auswählen von Elementen verwendet wird, wenn wir mit der Maus darüber fahren:

Stellen Sie dann „ Opazität ” des ausgewählten Elements als „ 1 “, um die Transparenz zu entfernen.

Ausgang

Das ist alles über das Festlegen der Übergangs-CSS-Eigenschaften „Anzeige“ und „Opazität“.

Abschluss

Um die Eigenschaften „Anzeige“ und „Opazität“ des Übergangs festzulegen, erstellen Sie zunächst einen Div-Container mit dem