طريقة تغيير شكل شريط التمرير 4

::-webkit-scrollbar{width:8px;background:white}
::-webkit-scrollbar-thumb{background-color:black;border-radius:10px}

::-webkit-scrollbar{width:8px;background:white}
::-webkit-scrollbar-thumb{background-color:#84C1FF;border-radius:10px}

body::-webkit-scrollbar {
width: 15px;}
body::-webkit-scrollbar-track {
border-radius: 10px;
background-color: rgba(255, 255, 255, 0.1);}
body::-webkit-scrollbar-thumb {
background-image: linear-gradient(45deg, #00aeff, #a68eff);
border-radius: 10px;
-webkit-box-shadow: rgba(0,0,0,.12) 0 3px 13px 1px;}

body::-webkit-scrollbar {
width: 12px;}
body::-webkit-scrollbar-track {
border-radius: 10px;
background-color: rgba(0, 0, 0, 0.4);}
body::-webkit-scrollbar-thumb {
background-color: #e78632;
background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.3) 20%,transparent 20%,transparent 40%,rgba(255, 255, 255, 0.3) 40%,rgba(255,255,255,.3) 60%,transparent 60%,transparent 80%,rgba(255, 255, 255, 0.3) 80%);
border-radius: 10px;}

body::-webkit-scrollbar {
width: 8px;}
body::-webkit-scrollbar-track {
background-color: rgba(0, 0, 0, 0.4);
border-radius: 10px;}
body::-webkit-scrollbar-thumb {
background-color: #dfdfdf;
border-radius: 10px;}

body::-webkit-scrollbar {
width: 10px;}
body::-webkit-scrollbar-track {
background-color: transparent;
border-radius: 10px;}
body::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0.4);
border-radius: 10px;}