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