Aufgabe

Verbessern Sie das visuelle Erlebnis des div-Elements mit dem Klassennamen box, indem Sie einen sanften Übergangseffekt zu seinen Hover-Änderungen hinzufügen. Befolgen Sie diese Schritte:

1. Geben Sie den korrekten Wert für die Eigenschaft transition-property an.

2. Setzen Sie die Dauer des Übergangs auf 3000ms .

3. Stellen Sie sicher, dass der Übergang 200ms nach dem Überfahren des Elements durch den Benutzer beginnt.

4. Wenden Sie die Zeitfunktion cubic-bezier(0.165, 0.84, 0.44, 1) an, um die Beschleunigung und Verzögerung des Übergangs zu steuern.

1. Setzen Sie die Eigenschaft transition-property auf den entsprechenden Wert, der mit den Änderungen übereinstimmt, die Sie beim Hover animieren möchten.

2. Geben Sie die transition-duration an, um zu steuern, wie lange der Übergang dauern soll (in diesem Fall 3000ms ).

3. Verwenden Sie die Eigenschaft transition-delay , um eine Verzögerung einzuführen, bevor der Übergang beginnt, nachdem ein Benutzer über das Element schwebt (setzen Sie sie auf 200ms ).

4. Wenden Sie die Timing-Funktion cubic-bezier(0.165, 0.84, 0.44, 1) an, um die Beschleunigung und Verzögerung des Übergangs fein abzustimmen.