CSS のアニメーションは最初の例と同じです。imgタグの部分をul変更してください。ul内の横並びなどのスタイルの設定の詳細は省きます。適宜調整してください。
リンク要素を並べてループさせる場合、このままでは流しそうめんのようになってしまうので、クリックしやすいようにマウスをのせたときにアニメーションが一時停止します。
animation-play-state一時停止のを指定するpausedのですが、全体を囲うdiv時hoverのプロパティに指定します。グループを囲うようulに指定すると、マウスが乗っていないもう一方のグループは一時停止せずに動き続けてしまうためです。
