影片直播原始碼,CSS 修改捲軸樣式、信封邊框樣式

zhibo系統開發發表於2023-01-30

影片直播原始碼,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 修改捲軸樣式、信封邊框樣式, 更多內容歡迎關注之後的文章


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69978258/viewspace-2933264/,如需轉載,請註明出處,否則將追究法律責任。

相關文章