Skrevet av Ole Jacob og Teodor
Hvordan funker egentlig lappebrett-animasjonen på https://www.iterate.no/?
Den animasjonen er det Ole Jacob som har laget. Og hvis du vil lære å gjøre det selv, kan du bare fortsette å lese!
<style>
#example1 {
/* animation properties */
animation-name: my-animation;
animation-duration: 2s;
animation-direction: alternate;
animation-iteration-count: infinite;
animation-timing-function: linear;
/* other properties */
width: 300px;
height: 100px;
border-radius: 10px;
position: absolute;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
z-index: -1;
}
@keyframes my-animation {
from {background-color: #ff7a59;
width: 300px;
top: 10px;
}
to {background-color: #33475b;
width: 50px;
top: 100px;
}
}</style>
<div id="example1"></div>
TODO:
Optional!
Optional!