直播平臺原始碼，CSS 修改捲軸樣式、信封邊框樣式

直播平臺原始碼，CSS 修改捲軸樣式、信封邊框樣式

CSS 全域性修改捲軸樣式 

::-webkit-scrollbar {
  /*捲軸整體樣式*/
  width : 4px;  /*高寬分別對應橫豎捲軸的尺寸*/
  height: 1px;
}
::-webkit-scrollbar-thumb {
  /*捲軸裡面小方塊*/
  border-radius: 4px;
  /*box-shadow   : inset 0 0 2px rgba(0, 0, 0, 0.2);*/ 這個陰影可以要也可以不要，反正我是沒用
  background   : #dee3eb;
}
::-webkit-scrollbar-track {
  /*捲軸裡面軌道*/
  /*box-shadow   : inset 0 0 2px rgba(0, 0, 0, 0.2);*/
  border-radius: 4px;
  background   : #f9f9f9;
}

CSS 信封邊框樣式

 

@keyframes ants {
   to {
     background-position: 100%;
   }
 }
 
.demo {
  display: block;
  margin: 200px auto;
  width: 300px;
  height: 200px;
  border: 4px solid transparent;
  background: linear-gradient(white, white) padding-box,
            repeating-linear-gradient(-45deg, rgba(119, 37, 8, 1) 0, rgba(119, 37, 8, 1) 20%, transparent 0, transparent 25%, rgba(201, 181, 148, 1) 0, rgba(201, 181, 148, 1) 44%, transparent 0, transparent 50%) 0/40px 40px;
  animation: ants 12s linear infinite;
 }

 以上就是直播平臺原始碼，CSS 修改捲軸樣式、信封邊框樣式， 更多內容歡迎關注之後的文章