CSSだけで実装！画像が縦方向に流れる無限ループスライダー

「ul」「li」タグをフレックスボックスで横並びにして、同じ内容の「ul」タグを追加。
「flex-direction: column-reverse;」に設定。
「ul」タグに対して縦方向に移動するアニメーションを入れ、無限ループスライダーにしています。

素材:pixabay

css スライダー画像

関連パーツ