30 lines
715 B
SCSS
30 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;
|
||
|
|
}
|