redesign website #1
2 changed files with 15 additions and 6 deletions
|
@ -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,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">
|
||||
|
||||
<!-- __ _____ _
|
||||
/ \__..-""" ;-.",'/
|
||||
( / \_ `.' / `.
|
||||
|
|
Loading…
Reference in a new issue