LLIypuk,
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<style type="text/css">
div{
width:500px;
height:300px;
overflow: hidden;
position: relative;
background-image: url(http://s1.fotokto.ru/photo/full/401/4019083.jpg);
}
div:hover{
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% {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
}
@-webkit-keyframes up {
50% {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
}
</style>
</head>
<body>
<div></div>
</body>
</html>