Opgave

Forbedr den visuelle oplevelse af div-elementet med klassenavnet box ved at tilføje en glidende overgangseffekt til dets hover-ændringer. Følg disse trin:

1. Angiv den korrekte værdi for egenskaben transition-property.
2. Indstil varigheden af overgangen til 3000ms.
3. Sørg for, at overgangen starter 200ms efter, at brugeren holder musen over elementet.
4. Anvend tidsfunktionen cubic-bezier(0.165, 0.84, 0.44, 1) for at styre overgangens acceleration og deceleration.

1. Angiv egenskaben transition-property til den relevante værdi, der matcher de ændringer, du ønsker at animere ved hover.
2. Specificér transition-duration for at styre, hvor længe overgangen skal vare (i dette tilfælde 3000ms).
3. Brug egenskaben transition-delay til at indføre en forsinkelse, før overgangen starter, efter brugeren holder musen over elementet (sæt den til 200ms).
4. Anvend timing-funktionen cubic-bezier(0.165, 0.84, 0.44, 1) for at finjustere acceleration og deceleration af overgangen.