Разработка CSS-анимации игрального кубика
Требуется создать визуально привлекательную и технически корректную анимацию вращения стандартного игрального кубика (кости) с использованием исключительно CSS.
Основные требования
- Анимация должна демонстрировать плавное и циклическое вращение кубика в 3D-пространстве.
- Кубик должен иметь шесть граней с корректным расположением точек (от 1 до 6).
- Решение должно быть максимально легковесным и производительным.
- Использование JavaScript или тяжелых библиотек не допускается. Только чистый CSS (допустимо использование CSS3, включая 3D-трансформации и keyframes).
- Код должен быть чистым, хорошо структурированным и с комментариями.
Ожидаемый результат
Готовая HTML-страница с одним элементом - вращающимся 3D-кубиком, который можно интегрировать в любой веб-проект. Анимация должна работать корректно в современных браузерах.