<img src="https://images.unsplash.com/photo-1511027748565-a0e907fcece4?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1080&fit=max&s=923e320e19477a4d51f7f2e775d6fcbf" alt="" />
body{
padding: 10px;
background-color: rgb(230,230,230);
}
img{
border-radius: 50%;
width: 100px;
height: 100px;
position: relative;
display: block;
margin: 0 auto;
border: thin solid orange;
animation-name: cos;
animation-duration: 1s;
animation-timing-function:ease-in ;
animation-direction: normal ;
animation-iteration-count: infinite;
}
@keyframes cos {
0% {top: 0px}
100% {top: 150px}
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.