Выровняйте разные изображения по кругу с помощью плавного появления или слайд-анимации. Визуальное объяснение ниже ⇐ CSS

[Anonymous]

Я пытаюсь создать круг с помощью html css и javascript, где моя основная задача — объединить несколько изображений, как кусочки пиццы. Визуальное представление. Представьте себе целую пиццу, разрезанную на ломтики и вытащенную одну за другой, но я хочу сделать это в обратном порядке. Окончательное изображение должно выглядеть так --> Изображение

Но мне нужна вот такая анимация --> анимировать изображение В анимации мне нужна небольшая задержка при вставке изображений. Было бы здорово, если бы кто-нибудь мог помочь. Заранее спасибо

Я пробовал, но код работает не так, как я хочу.