c3woc/webseite
1
1
Fork 0
Code Issues Pull requests Releases Activity

spaß mit bildern

Browse source
This commit is contained in:
L3D 2021-08-22 03:44:41 +02:00
parent ae05edde59
commit b846d4f330
Signed by: l3d
GPG key ID: CD08445BFF4313D1
2 changed files with 15 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
assets/scss/main.scss
View file

@ -32,14 +32,20 @@
@keyframes backgroundImageAnimation {
0% {
background-image: url("../images/photos/c3woc_croissant_01.jpg");
background-image: url("/images/home/abschnitt3.jpeg");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
100% {
background-image: url("../images/photos/waffel_.jpg");
33% {
background-image: url("/images/photos/waffel_.jpg");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
66% {
background-image: url("/waffle_colored_stawberry@3000.jpg");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
@ -48,10 +54,9 @@
.bganimation {
animation-name: backgroundImageAnimation;
animation-timing-function: ease-in-out;
animation-timing-function: step-start;
animation-iteration-count: infinite;
animation-duration: 100s;
animation-direction: alternate;
animation-duration: 20s;
}
body {

4
templates/layout.html
View file

@ -4,6 +4,10 @@
{%- endif %}>
<head>
<meta charset="utf-8" />
<link rel="preload" as="image" href="/images/photos/waffel_.jpg">
<link rel="preload" as="image" href="/images/home/abschnitt3.jpeg">
<!-- __ _____ _
/ \__..-""" ;-.",'/
( / \_ `.' / `.