Fanning cards

Make an animation where [number of cards] cards stacked in one place fan out and gather again. Write one of [list of short words for the cards] on each card, and the outer cards tilt more as they fan. The motion stops smoothly with a slight bounce.

Put CSS and JavaScript in a single HTML file. Don't use external libraries or images, and draw in a 16:9 area in the centre of the screen. If prefers-reduced-motion is on, show the final scene without motion.

카드 [카드 개수]장이 한 자리에 겹쳐 있다가 부채처럼 펼쳐지고 다시 모이는 애니메이션을 만들어 주세요. 카드마다 [카드에 적을 짧은 낱말 목록]을 하나씩 적고, 펼칠 때 바깥 카드일수록 더 많이 기울어요. 움직임은 부드럽게 튕기듯 멈춰요.

HTML 파일 하나에 CSS와 JavaScript를 넣어 주세요. 외부 라이브러리와 이미지는 쓰지 말고, 화면 가운데 16:9 영역에 그려 주세요. prefers-reduced-motion이 켜져 있으면 움직임 없이 마지막 장면을 보여 주세요.