我想让图标回转时，点击外部

如果您想让图标在点击外部时回转，您可以使用CSS动画和JavaScript来实现这个效果。

首先，您可以使用CSS来创建图标的旋转动画。您可以使用@keyframes规则来定义动画的关键帧，并使用transform属性来实现旋转效果。以下是一个示例CSS代码：

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.icon {
  animation: rotate 1s infinite;
}

在上面的代码中，我们定义了一个名为rotate的动画，它从0%到100%的时间段内，将图标旋转从0度到360度。然后，我们将这个动画应用到具有.icon类的元素上，并设置动画的持续时间为1秒，并且让动画无限循环。

接下来，您可以使用JavaScript来控制图标的旋转状态。您可以为外部元素添加一个点击事件监听器，并在点击事件中切换图标的旋转状态。以下是一个示例JavaScript代码：

var icon = document.querySelector('.icon');
var externalElement = document.querySelector('.external-element');

externalElement.addEventListener('click', function() {
  icon.classList.toggle('rotate');
});

在上面的代码中，我们获取了具有.icon类的图标元素和具有.external-element类的外部元素。然后，我们为外部元素添加了一个点击事件监听器，并在点击事件中使用classList.toggle()方法来切换图标元素的.rotate类。通过切换这个类，我们可以控制图标的旋转状态。

综上所述，通过使用CSS动画和JavaScript，您可以实现当点击外部元素时让图标回转的效果。请注意，这只是一个示例实现方式，您可以根据实际需求进行调整和优化。

此外，如果您需要更多关于云计算、IT互联网领域的名词和相关产品的信息，您可以参考腾讯云的官方文档和产品介绍页面。腾讯云提供了丰富的云计算服务和解决方案，适用于各种应用场景和需求。您可以访问腾讯云的官方网站（https://cloud.tencent.com/）了解更多详情。