链接动画CSS

Question

尝试进行链式动画效果，但是两个div的动画延迟都没有应用，这意味着动画正在同时应用 - 没有给出想要的效果:)

   <div class = "row-1 row">
        <img src = "hunger.jpeg" class = "first img">
        <img src = "hunger.jpeg" class = "second img">
    </div>


.row .img{
    width:33.3%;
    margin-right:-3px;
    animation:fadein 2s;    
}

.row .img .first{
    animation-delay: 1s;
}

.row .img .second{
    animation-delay: 2s;
}

@keyframes fadein{
    from {opacity:0;}
    to {opacity:1;}
}