CSSだけで作るスライドアウト画像スライダー

スライド画像を「position:absolute;」で重ね、「opacity:0;」で非表示に。
「animation-delay」で画像表示のタイミングをずらして、@keyframesで「opacity」「translateY」を変化させスライドアウトさせてます。

https://unsplash.com/ja/s/%E5%86%99%E7%9C%9F/%E8%87%AA%E7%84%B6

css スライダー画像

関連パーツ