Background Image sliding
<!DOCTYPE html>
<html>
<head>
<style>
.h {
width: 100%;
height: 500px;
background-color:red;
animation-name: txt;
animation-duration:4s;
animation-iteration-count:infinite;
}
@keyframes txt {
0% {background-image:url("d.jpg"); background-size:100% 500px ;}
50% {background-image:url("e.jpg"); background-size:100% 500px ;}
100% {background-image:url("c.jpg"); background-size:100% 500px ;}
}
</style>
</head>
<body>
<div class="h"></div>
</body>
</html>
Great post. For my website it is helpful for me. We also provides best web design & development services.
ReplyDeleteNIce blog on website design and development. I like the way you describe everything. Looking forward to your blog.
ReplyDeleteGreat! Thanks for sharing this unique and awesome post.
ReplyDeleteDeliveroo Clone APP
Hi , Thank you so much for sharing really awesome stuff with us , i would like to bookmark your blog for upcoming post , if you are looking for high quality Web Development services in huddserfield then Fabmedia UK is best choice for you.
ReplyDeleteAmazing Post...I liked your blog very much. I am grateful to you for sharing this!!
ReplyDeleteInflux Infotech is Web Designing Company in India with the team of Expert Web Designers. We are developing Websites Web Design in Agra which loved by our clients.
Web Design in Agra
www.influxinfotech.com