<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Шутка :)</title>
</head>
<body>
<div ><img src="http://i.piccy.info/i9/57282bf6f05c9c52c009ad5cc31593d7/1512505065/23584/1198225/1.jpg" class="img wheel"> <img class="img s" src="http://i.piccy.info/i9/4a0a5cd907e989d8df088e55836b8549/1512505097/21131/1198225/s.png" alt=""></div>
<style>
div{
width: 100px;
height: 100px;
position: relative;
overflow: hidden;
}
img{
width: 100px;
position: absolute;
}
.s{
z-index: 999;
}
.wheel {
animation-name: spin;
animation-duration: 30000ms;
animation-iteration-count: infinite;
animation-timing-function: linear;
z-index: 100;
}
@keyframes spin {
from {
transform:rotate(0deg);
}
to {
transform:rotate(360deg);
}
}
</style>
</body>
</html>
