I'm an avid football (soccer) fan (Wolverhampton Wanderers 🐺 / AFC Bournemouth 🍒) and like nothing better than sitting down to watch the Premier League highlights on BBC's MOTD on a Saturday evening. After a game's highlights, the players and managers are interviewed and while these interviews are taking place, an array of stats and information is displayed to the viewer. This is achieved using fancy animation techniques which draw attention to key information. I've always been impressed with this and it looks super cool.
Feeling inspired, I wanted to recreate some of these animation sequences via CSS. This was a good opportunity to practise and learn new skills. I've done CSS animations before, but all out of the box and have used third party frameworks. So as these were bespoke animation sequences, I had to take the plunge and actually learn what those CSS animation related attributes did.