html tutorials

marquee (scrolling text)

scrolling div

Custom CSS Scrollbar

Scrolling Text

Input:
<marquee scrollamount=10> example text </marquee>
Output: example text
scrollamount changes the speed. its not needed, but the lower the number the slower the scroll


Scrolling <div>

Just add

max-height:100%;
overflow: auto;

anywhere in your div css block


Custom CSS Scrollbar

okay stick with me cause this one's a bit longer

for the width of the bar:

::-webkit-scrollbar {
width: 10px;
}

for the colour of the track:

::-webkit-scrollbar-track {
background-color: #FFE6E6;
}

for the draggable thumb:

::-webkit-scrollbar-thumb {
background-color: #F2D1D1;
border-radius: 100px;
width: 90%; }


border-radius sets the curves of the thumb, if you havent given it a command, it will be squared. the higher the number, the softer the shape