讓一個圖片從下往上慢慢移動，動畫效果代碼。

<!--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);
    }
}