How to Create Scrolling Y Text With HTML + CSS

We’ll be using CSS animations paired with the transform: translateX and / or transformY

Please add the folowing css to your css file.

.scroll {
height:245px; 
overflow-y: scroll;
}


.scroll::-webkit-scrollbar {
  width: 12px; 
}
.scroll::-webkit-scrollbar-track {
  background: #63a991; 
    border-radius: 20px; 
}
.scroll::-webkit-scrollbar-thumb {
  background-color: rgba(0,199,210,1);
  border-radius: 20px; 
  border: 3px solid orange; 
}

Also you need to neast you text in

Your great text

<div class="scroll"> Your great text</div>

The result you can see at https://pdloans247.com/ at the page's footer

Comments

[Павел Авраменко]

cool solution