#chrono{ width: 120px; height: 120px; border-radius: 50%; background: red; border: solid white; display: flex; align-items: center; justify-content: center; left:5%; } #centre{ height: 10px; width: 10px; border-radius: 50%; background: white; position: absolute; z-index: 2; } #aiguille-container{ position: absolute; top: 2px; height: 58px; width: 3px; } #aiguille{ height: 100%; background: red; transform-origin: center bottom; transform: rotate(0deg); } #fond{ position: absolute; width: 120px; height: 120px; border: solid white; display: flex; align-items: center; justify-content: center; background: conic-gradient(red 0%, red 0deg, #4b4b4b 0deg, #4b4b4b 360deg); border-radius:50%; }