让一个图片从下往上慢慢移动，动画效果代码。

<!--hover时大图片下面的小图片从下往上移动出现-->
html：
<nav></nav> 表示大图
<h1></h1>　　　表示小图　

css代码

*hover时大图片下面的小图片从下往上移动出现*/
nav{
    width: 300px;
    height: 300px;
    background-color: #ff75ed;
    margin: 20px auto;
}
h1{
    width: 200px;
    height: 100px;
    background-color: #9fdcc6;
    margin: 20px auto;
}/*下面的图片慢慢移动到上面*/
nav:hover+h1{
    animation: donghua 30s infinite;
}
@keyframes donghua{
    0%{
        transform: translate(0,-20px);
    }
    30%{
        transform: translate(0,-100px);
    }
    100%{
        transform: translate(0,-300px);
    }
}