让css animation 动画停在最后一帧

animation-fill-mode用来定义元素在动画结束后的样子。

animation-fill-mode 的默认值是 none，也就是在动画结束之后不做任何改动


.element
{
    animation: fadein ease-in 2s;
    animation-fill-mode: forwards;
}
 
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}