Simple Image slider example using html and css {{ CSS animation property
:: Download Full File From Here ::
<!DOCTYPE html>
<html>
<head>
<style>
div {
width: 90%;
height: 400px;margin:auto;
background-repeat:no-repeat;
-webkit-animation: myfirst 20s infinite;
}
@-webkit-keyframes myfirst {
0% {background-image: url('a.jpg'); }
25% {background-image: url('b.jpg');}
50% {background-image: url('d.jpg');}
75% {background-image: url('e.jpg');}
100% {background-image: url('c.jpg'); }
}
</style>
</head>
<body bgcolor="#eee">
<div></div>
</body>
</html>
0 comments:
Post a Comment