Hello everyone!
I would greatly appreciate your feedback on my website
Link.
Also I have some issue with flickering background. Any ideas to fix this?
Here is the snippet of code:
html, body {
background-color: black;
background: url(../images/1.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
animation: animatedBackground 40s infinite;
animation-delay: 0s;
overflow: hidden;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
}
@keyframes animatedBackground {
0% {
background-image: url('../1.jpg');
}
35% {
background-image: url('../2.jpeg');
}
70% {
background-image: url('../3.jpeg');
}
100% {
background-image: url('../1.jpeg');
}
}
Thank you!