2.css 特效收集.md

收录一些 css 黑魔法

自定义虚线边框

解决 dashed 太密集的问题

border: 1px dashed transparent;
background: linear-gradient(white,white) padding-box,
repeating-linear-gradient(-45deg,#ccc 0, #ccc 0.25em,white 0,white 0.75em);

双边阴影

凸显元素

box-shadow: 2px 2px 5px #e9e9e9, -2px -2px 5px #e9e9e9;

自定义 scrollbar

::-webkit-scrollbar {
  width: 3px;
  height: 3px;
  background-color: #c8c8c8;
}
/*定义滚动条轨道内阴影+圆角*/
::-webkit-scrollbar-track {
  background-color: #fff;
}
/*定义滑块内阴影+圆角*/
::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: #c8c8c8;
}