CSS AND FA CODE

INDEX.HTML
<html>
<head>
<link rel=”stylesheet” href=”font-awesome-animation.min.css”>
<link rel=”stylesheet” href=”https://use.fontawesome.com/releases/v5.8.2/css/all.css”
integrity=”sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay”crossorigin=”anonymous”>
<linkhref=”assets/css/font-awesome.css”rel=”stylesheet”>
<!– FA ANIMATION–>
<linkrel=”stylesheet”href=”font-awesome-animation.min.css”>
<linkrel=”stylesheet”type=”text/css”href=”assets/css/animate.css”/>
<link href=”style.css” rel=”stylesheet”>
</head>
<body>
<aclass=”wow fadeInUp”data-wow-duration=”5s”data-wow-delay=”2s”href=”https://www.facebook.com/USHuesPainting/”><iclass=”fab fa-facebook-f fa-spin fa-5x”></i></a>
<!– Start about –>
<sectionid=”about”>
<divclass=”container”>
<divclass=”row”>
<divclass=”col-md-12″>
<divclass=”title-area”><br><br><br>
<h2class=”title”><aclass=”blinking”href=”tel:5132907931″>Let’s get the ball rolling</a></h2>
<spanclass=”line”></span><br><br><br><br><br><br><br><br><br>
<h3></h3>
</div>
</div>
<divclass=”col-md-12″>
<divclass=”about-content”><h4></h4>
<divclass=”row”>
<divclass=”col-md-6″>
</div>
<i>
<!– end about –>
</body>
STYLE.CSS
#about{
background-image: url(“assets/images/slider-11.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%;
}
@-webkit-keyframes example {
0% {
background-image: url(”

https://i.pinimg.com/originals/4c/8a/a5/4c8aa595eae25bfe2eaa061ac97a1cc4.jpg
https://i.pinimg.com/originals/4c/8a/a5/4c8aa595eae25bfe2eaa061ac97a1cc4.jpg

“);

}
10% {
background-image: url(”

https://www.blue-cloud-development.org/img/footer-logo.png
https://www.blue-cloud-development.org/img/footer-logo.png

“);

}
20% {
background-image: url(”

https://i.pinimg.com/originals/4c/8a/a5/4c8aa595eae25bfe2eaa061ac97a1cc4.jpg
https://i.pinimg.com/originals/4c/8a/a5/4c8aa595eae25bfe2eaa061ac97a1cc4.jpg

“);

}
30% {
background-image: url(”

https://www.blue-cloud-development.org/img/footer-logo.png
https://www.blue-cloud-development.org/img/footer-logo.png

“);

}
40% {
background-image: url(”

https://i.pinimg.com/originals/4c/8a/a5/4c8aa595eae25bfe2eaa061ac97a1cc4.jpg
https://i.pinimg.com/originals/4c/8a/a5/4c8aa595eae25bfe2eaa061ac97a1cc4.jpg

“);

}
50% {
background-image: url(”

https://www.blue-cloud-development.org/img/footer-logo.png
https://www.blue-cloud-development.org/img/footer-logo.png

“);

}
60% {
background-image: url(”

https://www.blue-cloud-development.org/img/footer-logo.png
https://www.blue-cloud-development.org/img/footer-logo.png

“);

}
70% {
background-image: url(”

https://i.pinimg.com/originals/4c/8a/a5/4c8aa595eae25bfe2eaa061ac97a1cc4.jpg
https://i.pinimg.com/originals/4c/8a/a5/4c8aa595eae25bfe2eaa061ac97a1cc4.jpg

“);

}
80% {
background-image: url(”

https://www.blue-cloud-development.org/img/footer-logo.png
https://www.blue-cloud-development.org/img/footer-logo.png

“);

}
90% {
background-image: url(”

https://www.blue-cloud-development.org/img/footer-logo.png
https://www.blue-cloud-development.org/img/footer-logo.png

“);

}
95% {
background-image: url(”

https://i.pinimg.com/originals/4c/8a/a5/4c8aa595eae25bfe2eaa061ac97a1cc4.jpg
https://i.pinimg.com/originals/4c/8a/a5/4c8aa595eae25bfe2eaa061ac97a1cc4.jpg

“);

}
100% {
background-image: url(”

https://www.blue-cloud-development.org/img/footer-logo.png
https://www.blue-cloud-development.org/img/footer-logo.png

“);

}
}
/* Standard syntax */
@keyframes example {
0% {
background-image: url(”

https://www.blue-cloud-development.org/img/footer-logo.png
https://www.blue-cloud-development.org/img/footer-logo.png

“);

}
10% {
background-image: url(”

https://i.pinimg.com/originals/4c/8a/a5/4c8aa595eae25bfe2eaa061ac97a1cc4.jpg
https://i.pinimg.com/originals/4c/8a/a5/4c8aa595eae25bfe2eaa061ac97a1cc4.jpg

“);

}
20% {
background-image: url(”

https://www.blue-cloud-development.org/img/footer-logo.png
https://www.blue-cloud-development.org/img/footer-logo.png

“);

}
30% {
background-image: url(”

https://i.pinimg.com/originals/4c/8a/a5/4c8aa595eae25bfe2eaa061ac97a1cc4.jpg
https://i.pinimg.com/originals/4c/8a/a5/4c8aa595eae25bfe2eaa061ac97a1cc4.jpg

“);

}
40% {
}
50% {
background-image: url(”

https://i.pinimg.com/originals/4c/8a/a5/4c8aa595eae25bfe2eaa061ac97a1cc4.jpg
https://i.pinimg.com/originals/4c/8a/a5/4c8aa595eae25bfe2eaa061ac97a1cc4.jpg

“);

}
60% {
background-image: url(“assets/images/chi2.png”);
}
70% {
background-image: url(“https://i.pinimg.com/originals/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/originals/4c/8a/a5/4c8aa595eae25bfe2eaa061ac97a1cc4.jpg}”);
95% {
background-image: url(“https://www.blue-cloud-development.org/img/footer-logo.png”);
}
97% {
background-image: url(“https://i.pinimg.com/originals/4c/8a/a5/4c8aa595eae25bfe2eaa061ac97a1cc4.jpg”);
}
100% {
background-image: url(“assets/images/chi.jpg”);
}
}

Leave a Reply

Your email address will not be published. Required fields are marked *