Using this snippet we can create a Vertical news ticker with just CSS.

Code explanation :

  • .tickerv-wrap Just a max-width-500px container with overflow: hidden to hide the scrollbars.
  • @keyframes ticker Basically, an animation sequence that moves .ticker-move from up to down.
  • li Individual items of the ticker.
  • Hover the mouse to pause the ticker

If you spot a bug, please feel free to comment below..