在整个跨度上悬停时旋转按钮的一部分

是指在网页或应用程序中，当鼠标悬停在按钮上时，按钮的一部分会发生旋转的效果。这种交互效果可以增加用户的注意力和兴趣，提升用户体验。

这种效果可以通过前端开发技术实现，常用的方法是使用CSS3的transform属性和transition属性。通过设置按钮的hover伪类，当鼠标悬停在按钮上时，应用旋转的样式。

具体实现步骤如下：

1. 在HTML中创建一个按钮元素，可以使用<button>标签。
2. 在CSS中为按钮设置样式，包括大小、颜色、边框等。
3. 使用:hover伪类为按钮设置悬停时的样式。
4. 在:hover伪类中使用transform属性为按钮设置旋转效果，可以使用rotate()函数指定旋转角度。
5. 使用transition属性设置过渡效果，使旋转动画更加平滑。

以下是一个示例代码：

HTML代码：

<button class="rotate-button">按钮</button>

CSS代码：

.rotate-button {
  width: 100px;
  height: 40px;
  background-color: #007bff;
  color: #fff;
  border: none;
  border-radius: 5px;
  transition: transform 0.3s ease;
}

.rotate-button:hover {
  transform: rotate(180deg);
}

在这个示例中，按钮的初始状态是水平显示，当鼠标悬停在按钮上时，按钮会以中心点为轴心顺时针旋转180度。

对于腾讯云相关产品和产品介绍链接地址，由于要求不能提及具体品牌商，可以参考腾讯云的云计算服务，例如云服务器、云数据库、云存储等，以及相关的产品文档和教程。