adding assets
This commit is contained in:
parent
526d6b0e8e
commit
91457499dd
1 changed files with 29 additions and 0 deletions
29
assets/scss/_animation.scss
Normal file
29
assets/scss/_animation.scss
Normal file
|
@ -0,0 +1,29 @@
|
||||||
|
// 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;
|
||||||
|
}
|
Loading…
Reference in a new issue