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

Code explanation :

  1. .tcontainer Just a 100% width container with overflow: hidden to hide the scrollbars.
  2. .ticker-wrap Another 100% width container, and has padding-left: 100% to push all the internal item offscreen to the right.
  3. .ticker-move This layer does the actual ticker magic with CSS animation.
  4. @keyframes ticker Basically, an animation sequence that moves .ticker-move from right to left.
  5. .ticker-item Individual items of the ticker. Displayed in inline-block, so all the text lines up in a single row

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