仅用CSS修改速度表针

可以通过使用CSS3中的旋转变换（transform: rotate()）属性来实现。下面是一个示例代码：

HTML代码：

<div class="speedometer">
  <div class="hand"></div>
</div>

CSS代码：

.speedometer {
  position: relative;
  width: 200px;
  height: 200px;
  background-color: #ddd;
  border-radius: 50%;
  margin: 50px auto;
}

.hand {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 6px;
  height: 70px;
  background-color: #f00;
  transform-origin: bottom center;
  transform: rotate(0deg);
  transition: transform 1s ease-in-out;
}

/* 修改速度表针的角度 */
.speedometer:hover .hand {
  transform: rotate(180deg);
}

在上述代码中，我们创建了一个速度表的容器（.speedometer），并在其中创建了一个表针（.hand）。通过设置表针的旋转角度（transform: rotate()），我们可以控制表针的指向。

在示例中，我们设置了初始旋转角度为0度，当鼠标悬停在速度表上时，通过修改表针的旋转角度为180度，使表针指向速度表的另一端。

这是一个简单的示例，你可以根据实际需求进行进一步的美化和定制。