File tree Expand file tree Collapse file tree 1 file changed +29
-0
lines changed Expand file tree Collapse file tree 1 file changed +29
-0
lines changed Original file line number Diff line number Diff line change @@ -389,3 +389,32 @@ window.addEventListener("onorientationchange" in window ? "orientationchange" :
389
389
- [css的变量和继承](http: // www.haorooms.com/post/css_inherit_bl)
390
390
- [css3的混合模式](http: // www.haorooms.com/post/css3_mixblendmode)
391
391
- [css中伪元素before或after中content的特殊用法attr](http: // www.haorooms.com/post/content_attr)
392
+
393
+ - 美化滚动条
394
+ ` ` ` css
395
+ ::-webkit-scrollbar {
396
+ width: 6px;
397
+ height: 6px;
398
+ }
399
+
400
+ ::-webkit-scrollbar-track {
401
+ width: 6px;
402
+ background: rgba(#101F1C, 0.1);
403
+ -webkit-border-radius: 2em;
404
+ -moz-border-radius: 2em;
405
+ border-radius: 2em;
406
+ }
407
+
408
+ ::-webkit-scrollbar-thumb {
409
+ background-color: rgba(#101F1C, 0.5);
410
+ background-clip: padding-box;
411
+ min-height: 28px;
412
+ -webkit-border-radius: 2em;
413
+ -moz-border-radius: 2em;
414
+ border-radius: 2em;
415
+ }
416
+
417
+ ::-webkit-scrollbar-thumb:hover {
418
+ background-color: rgba(#101F1C, 1);
419
+ }
420
+ ` ` `
You can’t perform that action at this time.
0 commit comments