Taak

Verbeter de visuele ervaring van het div-element met de classnaam box door een vloeiend overgangseffect toe te voegen aan de hover-wijzigingen. Volg deze stappen:

1. Geef de juiste waarde op voor de eigenschap transition-property.
2. Stel de duur van de overgang in op 3000ms.
3. Zorg ervoor dat de overgang begint 200ms nadat een gebruiker over het element hovert.
4. Pas de tijdsfunctie cubic-bezier(0.165, 0.84, 0.44, 1) toe om de versnelling en vertraging van de overgang te regelen.

1. Stel de eigenschap transition-property in op de juiste waarde die overeenkomt met de wijzigingen die u wilt animeren bij hover.
2. Specificeer de transition-duration om te bepalen hoe lang de overgang moet duren (in dit geval, 3000ms).
3. Gebruik de eigenschap transition-delay om een vertraging toe te voegen voordat de overgang begint nadat een gebruiker over het element zweeft (stel deze in op 200ms).
4. Pas de timingfunctie cubic-bezier(0.165, 0.84, 0.44, 1) toe om de versnelling en vertraging van de overgang nauwkeurig af te stemmen.