-webkit-scrollbar ® Muaz Khan

-webkit-scrollbar ® FIRST STYLE

::-webkit-scrollbar {
	width: 10px;
	height: 7px;
	background-color:transparent;
	}

::-webkit-scrollbar-button {
	height: 0;
	width: 0
	}

::-webkit-scrollbar-thumb {
	background-color:transparent;
	border-left:1px solid #E5E5E5;
	border-radius:20%;
	}


::-webkit-scrollbar-track {
	background-color:transparent;
	box-shadow: none;
	}

-webkit-scrollbar ® SECOND STYLE

::-webkit-scrollbar {
	width: 12px;
	height: 7px;
	background-color:transparent;
	}

::-webkit-scrollbar-button {
	height: 0;
	width: 0
	}

::-webkit-scrollbar-thumb {
	background-image: -webkit-linear-gradient(top, #4d90fe, #4787ed);
	border-radius: 50% 0 0 50%;
	}

::-webkit-scrollbar-thumb:hover {
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
	}

::-webkit-scrollbar-thumb:active {
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 1)
	}

::-webkit-scrollbar-track {
	box-shadow: none;
	background-color: transparent;
	}

-webkit-scrollbar ® THIRD STYLE

::-webkit-scrollbar {
  height: 0;
  overflow: visible;
  width: 10px;  
  border-left:1px solid rgb(229, 229, 229);
}
::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, .2);
  background-clip: padding-box;    
  min-height: 28px;
  padding: 100px 0 0;
  box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);
  border-width: 1px 1px 1px 6px;
}
::-webkit-scrollbar-button {
  height: 0;
  width: 0;
}
::-webkit-scrollbar-track {
  background-clip: padding-box;
  border: solid transparent;
  border-width: 0 0 0 4px;
}
::-webkit-scrollbar-corner {
  background: transparent;
}