Вот базовый пример игры с вращающимся колесом, реализованной с использованием HTML, CSS и JavaScript:
«»;
позиция: абсолютная;
сверху: 50%;
слева: 50%;
преобразование: трансляция(-50%, -50%);
ширина: 200 пикселей;
высота: 200 пикселей;
фоновый цвет: #fff;
граница-радиус: 50%;
.pointer {
ширина: 0;
высота : 0;
левая граница: 50 пикселей, сплошная прозрачная;
правая граница: 50 пикселей, сплошная прозрачная;
нижняя граница: 100 пикселей, сплошная красная;
позиция: абсолютная;
верхняя: 50 % ;
left: 50%;
Transform: Translate(-50%, -50%) Rotate(0deg);
Transform-Origin: Внизу по центру;
Переход: Transform 3s Easy;
}