From 91457499ddcc9a0ae3f33d7796dfb4aeb6a684a2 Mon Sep 17 00:00:00 2001 From: L3D Date: Thu, 23 Dec 2021 02:04:39 +0100 Subject: [PATCH] adding assets --- assets/scss/_animation.scss | 29 +++++++++++++++++++++++++++++ 1 file changed, 29 insertions(+) create mode 100644 assets/scss/_animation.scss diff --git a/assets/scss/_animation.scss b/assets/scss/_animation.scss new file mode 100644 index 0000000..6e313ac --- /dev/null +++ b/assets/scss/_animation.scss @@ -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; +}