如何用css和HTML设置聚光灯效果

可以使用 CSS 和 HTML 创建聚光灯效果。具体来说，你需要创建一个包含所有内容的容器，并使用 CSS 的 box-shadow 属性在容器周围添加阴影。然后，使用 HTML 的 div 元素在容器内创建一个圆形，并使用 CSS 的 border-radius 属性使其变成一个圆。最后，使用 CSS 的 animation 属性设置聚光灯效果的动画，比如可以让它旋转或者改变大小。

例如，你可以使用以下代码创建一个聚光灯效果：

.spotlight {
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.5);
  animation: spotlight 5s linear infinite;
}

.spotlight-circle {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: white;
}

@keyframes spotlight {
  0% {
    transform: rotate(0deg) scale(1);
  }
  100% {
    transform: rotate(360deg) scale(1.5);
  }
}