WORDCAMP
CAPE TOWN 2024

Radisson Blu Hotel, Cape Town.
1 – 2 August 2024

CSS View Transitions: The Future of Animation on the Web

Since the early days of Macromedia Flash and Microsoft Silverlight, developers sought solutions to create animated user interactions on the web to rival those found within native software.

While the eventual move away from these proprietary tooling towards open-source browser technologies (as advocated by the Web Standards movement) should be celebrated, developers were provided with very little native tooling for animation.

Initial attempts at animation mostly relied on JavaScript. However, due to its single-threaded nature (and the rise mobile devices, with less computing power) the results were often subpar.

Fortunately, over the last decade the W3C has slowly been iterating over the built-in browser CSS tooling for animation.

In this talk we will explore the next evolution in CSS animation, being shipped right now, called “CSS View Transitions”. We’ll look at how this new API provides the means to not only author the types of animations users have come to expect from native software – but in some cases even surpass it.

Schalk Venter