Техническое задание: CSS-анимация вращающейся монеты

Цель проекта

Создать реалистичную 3D-анимацию вращения монеты, используя исключительно технологии CSS (HTML/CSS).

Основные требования

• Технологии: Чистый CSS (и HTML). JavaScript не используется.
• Элементы монеты: Анимация должна отображать:
  • Аверс (лицевая сторона)
  • Реверс (оборотная сторона)
  • Ребро (боковая грань)
• Графические материалы: Изображения для обеих сторон монеты будут предоставлены заказчиком.
• Характер анимации: Вращение должно быть плавным, непрерывным и демонстрировать все три элемента (две стороны и ребро) в процессе.

Ожидаемый результат

Готовый HTML-файл с встроенными CSS-стилями, при открытии которого в браузере отображается и автоматически воспроизводится анимация вращения монеты.

Примечание для исполнителей

Просьба в отклике указывать примеры аналогичных работ (CSS-анимации, 3D-преобразования). Автоматические отклики и предложения от студий не рассматриваются.