如何在没有额外div的情况下停止框阴影随着悬停的元素一起旋转？

要在没有额外div的情况下停止框阴影随着悬停的元素一起旋转，可以使用CSS的伪元素和transform属性来实现。

首先，需要为元素添加一个伪元素，例如使用::before伪元素。然后，通过设置伪元素的position属性为absolute，使其相对于父元素定位。接下来，使用transform属性对伪元素进行旋转操作。

在悬停时，通过设置伪元素的transform属性为none，即可停止框阴影随元素旋转。

以下是一个示例代码：

HTML:

<div class="container">
  <div class="element"></div>
</div>

CSS:

.container {
  position: relative;
  width: 200px;
  height: 200px;
}

.element {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #f00;
}

.element::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  transform: rotate(45deg);
  transition: transform 0.3s ease;
}

.element:hover::before {
  transform: none;
}

在上述代码中，通过设置.container的position为relative，使得.element的伪元素可以相对于.container进行定位。.element::before的transform属性设置为rotate(45deg)，即旋转45度。在悬停时，通过设置.element:hover::before的transform属性为none，即停止旋转。

这样，即可实现在没有额外div的情况下停止框阴影随着悬停的元素一起旋转。

请注意，以上示例代码中没有提及具体的腾讯云产品和产品介绍链接地址，因为与问题无关。如需了解腾讯云相关产品和服务，请访问腾讯云官方网站。