Synchronized Scrolling Tickers

These Scrolling Tickers by Fabrizio Calderan are quite nice. By calculating the rendered width (via JS, passed to CSS using a Custom Property) and taking that into account to calculate the animation-duration he’s able to synchronise their speeds. What I like most though is how the repetition of the ticker’s content is achieved. Where I’ve …

CSS3 Marquee

Yesterday, I sent out this tweet: <font color="#FFFF00"><marquee behavior="alternate" bgcolor="black" scrollamount="10">Sometimes I miss the olden days</marquee></font> — Bramus! (@bramus) February 12, 2013 Rather soon I got a reply by @vormplus: @bramus we should recreate blink and marquee with css3. Add some extra magic to the web 😉 Sparked by this reply I got started … …