leaflet-popup 边框流光效果

leaflet-popup.css

.leaflet-popup-content-wrapper {
  position: relative;
  overflow: hidden;

  &::before {
    content: '';
    position: absolute;
    left: -50%;
    top: -50%;
    width: 200%;
    height: 200%;
    background: conic-gradient(transparent, rgba(168, 239, 255, 1), transparent 30%);
    animation: rotate 4s linear infinite;
    z-index: 0;
  }

  &::after {
    content: '';
    position: absolute;
    top: 6px;
    left: 6px;
    width: calc(100% - 12px);
    height: calc(100% - 12px);
    background: rgba(0, 35, 106, 1);
    z-index: 0;
  }

  @keyframes rotate {
    100% {
      transform: rotate(1turn);
    }
  }
}