index.html
<!DOCTYPE html>
<html>
<head>
<title>poo</title>
<linkrel=”stylesheet”href=”https://use.fontawesome.com/releases/v5.8.2/css/all.css”>
<linkhref=”style.css”rel=”stylesheet”>
<linkhref=”https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css”rel=”stylesheet”
integrity=”sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh”crossorigin=”anonymous”>
</head>
<body>
</body>
<html>
style.css
#about, body {
background-image: url(“https://i.pinimg.com/originals/4c/8a/a5/4c8aa595eae25bfe2eaa061ac97a1cc4.jpghttps://i.pinimg.com/originals/4c/8a/a5/4c8aa595eae25bfe2eaa061ac97a1cc4.jpg”);
-webkit-animation-name: example;
/* Safari 4.0 – 8.0 */
-webkit-animation-duration: 30s;
/* Safari 4.0 – 8.0 */
animation-name: example;
animation-duration: 30s;
background-repeat: repeat-x;
display: inline;
float: left;
padding: 70px0;
width: 100%;
}
/* Standard syntax */
@keyframes example {
0% {
background-image: url(”https://i.pinimg.com/originals/4c/8a/a5/4c8aa595eae25bfe2eaa061ac97a1cc4.jpghttps://i.pinimg.com/originals/4c/8a/a5/4c8aa595eae25bfe2eaa061ac97a1cc4.jpg“);
}
10% {
background-image: url(“https://i.pinimg.com/736x/4c/8a/a5/4c8aa595eae25bfe2eaa061ac97a1cc4.jpg”);
}
20% {
background-image: url(“https://www.blue-cloud-development.org/img/footer-logo.png”);
}
30% {
background-image: url(“https://i.pinimg.com/736x/4c/8a/a5/4c8aa595eae25bfe2eaa061ac97a1cc4.jpg”);
}
40% {
background-image: url(“https://www.blue-cloud-development.org/img/footer-logo.png”);
}
50% {
background-image: url(“https://i.pinimg.com/736x/4c/8a/a5/4c8aa595eae25bfe2eaa061ac97a1cc4.jpg”);
}
60% {
background-image: url(“https://www.blue-cloud-development.org/img/footer-logo.png”);
}
70% {
background-image: url(“https://i.pinimg.com/736x/4c/8a/a5/4c8aa595eae25bfe2eaa061ac97a1cc4.jpg”);
}
80% {
background-image: url(“https://www.blue-cloud-development.org/img/footer-logo.png”);
}
90% {
background-image: url(“https://i.pinimg.com/736x/4c/8a/a5/4c8aa595eae25bfe2eaa061ac97a1cc4.jpg”);
}
95% {
background-image: url(“https://www.blue-cloud-development.org/img/footer-logo.png”);
}
100% {
background-image: url(“https://i.pinimg.com/736x/4c/8a/a5/4c8aa595eae25bfe2eaa061ac97a1cc4.jpg”);
}
}
@-webkit-keyframes example {
0% {
background-image: url(“https://i.pinimg.com/736x/4c/8a/a5/4c8aa595eae25bfe2eaa061ac97a1cc4.jpg”);
}
10% {
background-image: url(“https://www.blue-cloud-development.org/img/footer-logo.png”);
}
20% {
background-image: url(“https://i.pinimg.com/736x/4c/8a/a5/4c8aa595eae25bfe2eaa061ac97a1cc4.jpg”);
}
30% {
background-image: url(“https://www.blue-cloud-development.org/img/footer-logo.png”);
}
40% {
background-image: url(“https://i.pinimg.com/736x/4c/8a/a5/4c8aa595eae25bfe2eaa061ac97a1cc4.jpg”);
}
50% {
background-image: url(“https://www.blue-cloud-development.org/img/footer-logo.png”);
}
60% {
background-image: url(“https://www.blue-cloud-development.org/img/footer-logo.png”);
}
70% {
background-image: url(“https://i.pinimg.com/736x/4c/8a/a5/4c8aa595eae25bfe2eaa061ac97a1cc4.jpg”);
}
80% {
background-image: url(“https://www.blue-cloud-development.org/img/footer-logo.png”);
}
90% {
background-image: url(“https://i.pinimg.com/736x/4c/8a/a5/4c8aa595eae25bfe2eaa061ac97a1cc4.jpg”);
}
95% {
background-image: url(“https://i.pinimg.com/736x/4c/8a/a5/4c8aa595eae25bfe2eaa061ac97a1cc4.jpg”);
}
100% {
background-image: url(“assets/images/chi.jpg”);
}
}