Разработка CSS-анимации: Вращающийся игральный кубик

Необходимо средствами CSS создать анимацию вращения стандартного игрального кубика (кости). Основной акцент - на реалистичности движения и визуальном соответствии игровому элементу.

Ключевые требования

  • Технология: Чистый CSS (без JavaScript).
  • Геометрия: Кубик должен иметь все углы закругленными (border-radius).
  • Анимация: Плавное и непрерывное вращение кубика вокруг одной или нескольких осей.
  • Визуальный референс: За основу взять характер вращения, показанный в анимированном GIF-файле (плавный перекат).

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

Готовая HTML-страница с одним элементом (кубиком), который анимирован с помощью CSS-свойств. Код должен быть чистым, комментированным и легко встраиваемым.

код

Создание базы данных спортивных упражнений

Требуется собрать и структурировать большую базу данных упражнений с детальными параметрами и визуальным контентом. Способ реализации (парсинг, ручной сбор) определяется исполнителем.