css渐变边框如何实现？

Question

border-image: linear-gradient(rgba(255, 255, 255, 0.00) 0%, #00BBF2 20%, rgba(255, 255, 255, 0.00) 99%) 2 2;

这个怎么只显示左右

Answer 1

因为你的渐变色有问题哇...
给你放大了一下，你就能看到问题了

---

改写成这样就好了

.test
  width 500px
  height 500px
  border 5px solid
  border-image radial-gradient(rgba(#fff,0),rgba(#fff,0), #00BBF2, rgba(#fff,0), rgba(#fff,0)) 50 50;
  margin 100px;