这是一个基于HTML和CSS的边框传输动画示例，其中边框在整个过程中始终可见。

HTML代码：

CSS代码：

.box {
  width: 200px;
  height: 200px;
  position: relative;
  overflow: hidden;
}

.border-animation {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border: 2px solid #ff0000;
  animation: borderAnimation 4s linear infinite;
}

@keyframes borderAnimation {
  0% {
    width: 0;
    height: 0;
  }
  25% {
    width: 100%;
    height: 0;
    border-bottom: 2px solid #ff0000;
  }
  50% {
    width: 100%;
    height: 100%;
    border-bottom: 2px solid #ff0000;
    border-right: 2px solid #ff0000;
  }
  75% {
    width: 0;
    height: 100%;
    border-bottom: 2px solid #ff0000;
    border-right: 2px solid #ff0000;
    border-top: 2px solid #ff0000;
  }
  100% {
    width: 0;
    height: 0;
    border: 2px solid #ff0000;
  }
}

上述代码中，我们首先创建了一个父容器 .box 作为边框传输动画的外层容器。然后在 .box 内部创建了一个子容器 .border-animation，用来显示边框传输动画。通过设置 .box 的 position: relative 和 .border-animation 的 position: absolute，我们可以将 .border-animation 相对于 .box 定位。

然后我们使用CSS的 @keyframes 创建了一个名为 borderAnimation 的动画，其中通过调整 .border-animation 的宽度、高度和边框样式来实现边框的传输效果。最后，我们将这个动画应用到 .border-animation 上，并设置为无限循环播放。

你可以将上述代码复制到一个HTML文件中运行，就可以看到边框传输动画始终可见的效果。