Очевидно, что нужны два изображения:
- статичный циферблат.
- стрелка, положение которой ты будешь изменять через CSS (transform: rotate).
Передавать значение положения стрелки можно разными способами
*установка атрибута через JS вполне сгодится:
document.getElementById('arrow').style.display = 'transform: rotate(90deg)';)
Главное, это сделать анимацию с "замедлением" в начале движения стрелки и в конце, что-то вроде: img#arrow{transition:.5s ease-in-out}, чтобы стрелка двигалась "более естественно"