webseite/assets/scss/_animation.scss

30 lines
715 B
SCSS
Raw Normal View History

2021-12-23 02:04:39 +01:00
// 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;
}