akkond,
css3
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<style type="text/css">
div{
width:980px;
height:100px;
overflow: hidden;
position: relative;
}
img{
position: absolute;
top:0;
-webkit-animation: up 5s ease-in-out infinite;
-moz-animation: up 5s ease-in-out infinite;
-o-animation: up 5s ease-in-out infinite;
animation: up 5s ease-in-out infinite;
}
@keyframes up {
50% {
top: -120px;
}
}
@-webkit-keyframes up {
50% {
top: -120px;
}
}
</style>
</head>
<body>
<div><img src="http://kulinaria1955.ru/templates/New/images/img_3.jpg"></div>
</body>
</html>