Opgave 7 // CSS animationer (Ekstra opgave)

Del 1 // Tilføj animation: fade-in 1s ease-out; til body og nedenunder body tilføj @keyframes fade-in { from { opacity: 0; } to { opacity: 1; } }

Del 2 // Tilføj en animation til .container med infinite efter animationstypen og derefter tilføj følgende keyframes nedenunder 0% { width: 100%; } 50% { width: 50%; } 100% { width: 100%; }.

Del 3 // Prøv at tilføje din egne transitioner og animationer, som f.eks. at skifte farve, størrelse, m.m. på nogle andre eller nye elementer på siden.

Del 4 // Prøv forskellige animationstyper f.eks. linear, ease, ease-in-out eller lav din egne med cubic-bezier på her.

Link 0 Link 1 Link 2 Link 4
.col-12
.col-8
.col-4
.col-3
.col-3
.col-3
.col-3
.col-4
.col-4
.col-4
.col-6
.col-6
.col-2
.col-2
.col-2
.col-2
.col-2
.col-2