BeWeDoc | How To Make A Custom Scroll Bar Using Only Css Without Javascript

on

Video Is Also There After The Html Code Below

Css Codes
body{
margin: 0;
padding: 0;
background-image: linear-gradient(to right,#222,#333,#555);
width: 100%;
height: 1500px;
}
::-webkit-scrollbar{
  width: 30px;
}
::-webkit-scrollbar-thumb{
  background-image: linear-gradient(to bottom,#ff9900,#ff4f81);
  border-radius: 30px;
}
::-webkit-scrollbar-track{
  background-image: linear-gradient(to right,#222,#333,#444,#555,#444,#333,#222);
  border: 1px solid #888;
}
Html Codes

Comments

Post a Comment