CoreNext主题美化_右侧上下滚轮美化

福利

想让网站上下滑动看起来更加漂亮？那就加入右侧上下滚轮美化。

效果演示

CSS样式代码添加位置

CoreNext主题设置CSS中添加

在主题设置--代码--CSS样式中加入即可

主题或子主题CSS中添加

外观--自定义--选择主题或子主题--额外css

代码内容

/*右侧上下滚轮美化*/
::-webkit-scrollbar {
	width: 8px;  
	height: 1px;
}
::-webkit-scrollbar-thumb {
	background-color: #12b7f5;
	background-image: -webkit-linear-gradient(45deg, rgba(255, 93, 143, 1) 25%, transparent 25%, transparent 50%, rgba(255, 93, 143, 1) 50%, rgba(255, 93, 143, 1) 75%, transparent 75%, transparent);
}
::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	background: #f6f6f6;
}