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.