怎样在鼠标悬停时增加缩放半径

下面是一个例子，展示了如何使用JavaScript和CSS来实现鼠标悬停时增加缩放半径：

HTML代码：

<div id="circle"></div>

CSS代码：

#circle {
  width: 100px;
  height: 100px;
  background-color: red;
  border-radius: 50%;
  transition: transform 0.5s;
}

#circle:hover {
  transform: scale(1.5);
}

JavaScript代码：

// 可选的JavaScript代码，用于在鼠标悬停时动态更改缩放半径
var circle = document.getElementById("circle");

circle.addEventListener("mouseover", function() {
  this.style.transform = "scale(1.5)";
});

circle.addEventListener("mouseout", function() {
  this.style.transform = "scale(1)";
});

通过CSS的:hover伪类，我们可以在鼠标悬停时增加缩放半径。如果你想要在JavaScript中动态更改缩放半径，可以使用addEventListener来监听mouseover和mouseout事件，并在事件处理程序中更改style.transform属性。