Показать сообщение отдельно
  #2 (permalink)  
Старый 22.03.2015, 23:10
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,121

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>
Ответить с цитированием