视频直播源码，CSS 修改滚动条样式、信封边框样式

视频直播源码，CSS 修改滚动条样式、信封边框样式

CSS 全局修改滚动条样式 

 

1

<br>::-webkit-scrollbar {<br>  /*滚动条整体样式*/<br>  width : 4px;  /*高宽分别对应横竖滚动条的尺寸*/<br>  height: 1px;<br>}<br>::-webkit-scrollbar-thumb {<br>  /*滚动条里面小方块*/<br>  border-radius: 4px;<br>  /*box-shadow   : inset 0 0 2px rgba(0, 0, 0, 0.2);*/ 这个阴影可以要也可以不要，反正我是没用<br>  background   : #dee3eb;<br>}<br>::-webkit-scrollbar-track {<br>  /*滚动条里面轨道*/<br>  /*box-shadow   : inset 0 0 2px rgba(0, 0, 0, 0.2);*/<br>  border-radius: 4px;<br>  background   : #f9f9f9;<br>}<br>

​

CSS 信封边框样式

 

效果：

 

1

@keyframes ants {<br>   to {<br>     background-position: 100%;<br>   }<br> }<br> <br>.demo {<br>  display: block;<br>  margin: 200px auto;<br>  width: 300px;<br>  height: 200px;<br>  border: 4px solid transparent;<br>  background: linear-gradient(white, white) padding-box,<br>            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;<br>  animation: ants 12s linear infinite;<br> }

 

以上就是视频直播源码，CSS 修改滚动条样式、信封边框样式， 更多内容欢迎关注之后的文章