css酷炫边框

要创建炫酷的CSS边框，可以使用CSS的各种样式属性，如border、background、box-shadow、border-radius等。以下是一些创建炫酷边框的示例：

1. 创建一个带有阴影和圆角的边框：

.cool-border {
  border: 2px solid #3498db;
  border-radius: 10px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

2. 使用线性渐变背景创建边框：

.cool-border {
  border: 4px solid;
  border-image: linear-gradient(to right, #ff7e5f, #feb47b) 30 30;
  border-radius: 10px;
}

3. 使用伪元素和transform属性创建波浪形边框：

.cool-border {
  position: relative;
  border: 2px solid #9b59b6;
  border-radius: 10px;
  overflow: hidden;
}
 
.cool-border:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, #3498db, #9b59b6);
  transform: translateX(-100%);
  z-index: -1;
}
 
.cool-border:hover:before {
  animation: wave 5s infinite linear;
}
 
@keyframes wave {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}

这些示例展示了如何使用CSS创建各种炫酷的边框效果。你可以根据自己的需求调整颜色、大小和其他样式属性。