小视频源码，CSS 实现半透明边框效果

小视频源码，CSS 实现半透明边框效果

<div class="bg"></div>
<style>
body{
    
    
      background: red;
    }
    .bg{
    
    
      width: 200px;
      height: 200px;
      margin: 100px auto;
      background: #fff;
      border: 30px solid hsla(0, 0%, 100%, .5);
      background-clip: padding-box; //这里是重点哦
    }
</style>

以上就是小视频源码，CSS 实现半透明边框效果实战， 更多内容欢迎关注之后的文章