<div class="light"></div>

body {

  display: flex;

  justify-content: center;

  align-items: center;

  height: 100vh;

  background: black;

}

.light {

  width: 100px;

  height: 100px;

  border-radius: 50%;

  /* 动画 */

  animation: light 3s ease-in-out infinite alternate;

}

@keyframes light {

  from {

    box-shadow: 0 0 0px rgb(255, 254, 253);

  }

  to {

    box-shadow: 0 0 25px rgb(214, 126, 25);

  }

}

​