redesign website #1
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