webseite/assets/scss/_animation.scss
L3D fd742c7049 redesign website (!1)
Co-authored-by: L3D <l3d@see-base.de>
Reviewed-on: https://backwesen.de/c3woc/webseite/pulls/1
2022-05-18 00:35:37 +02:00

29 lines
715 B
SCSS

// animations
@keyframes backgroundImageAnimation {
0% {
background-image: url("/sweet_waffle-medium.webp");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
33% {
background-image: url("/waffle_apfelmus-medium.webp");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
66% {
background-image: url("/sweet_waffle-medium.webp");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
}
.bganimation {
animation-name: backgroundImageAnimation;
animation-timing-function: step-start;
animation-iteration-count: infinite;
animation-duration: 20s;
}