CSS View Transition Pseudo-elements Explained
Blink28624 Sep 2025

CSS View Transition Pseudo-elements Explained

These sources provide a detailed, technical explanation of the View Transition API implementation within the Chromium web browser, focusing on how CSS pseudo-elements enable smooth animations. The first source explains that view transition pseudos (like ::view-transition-old() and ::view-transition-new()) are temporary, browser-synthesized overlays used to capture and animate visual snapshots of elements during state changes. The second, more extensive source describes the low-level C++ classes in the Blink rendering engine and the cc compositor that orchestrate this process, including the DocumentTransition class, which manages the lifecycle, snapshot capture, and pseudo-element creation, and the SurfaceAnimationManager in the Viz component, which handles the final, performant GPU-accelerated animation of the saved frames using specialized layers and directives. Together, the texts map the high-level CSS API to the complex, multi-process architecture of Chromium, explaining how old and new content are matched, isolated on the top layer, and composited for animation.


Episoder(397)

Chrome's Architectural Evolution: A Technical History

Chrome's Architectural Evolution: A Technical History

The provided text chronicles the evolution of Google Chrome's architecture from its 2008 inception to 2025, emphasizing its continuous pursuit of speed, stability, and security. It details the browser...

28 Aug 202556min

TypeScript for C++ Developers: A Deep Dive

TypeScript for C++ Developers: A Deep Dive

This document outlines a forthcoming technical lecture designed to introduce TypeScript to C++ developers. The lecture will explore various features that TypeScript adds to JavaScript, such as types, ...

24 Aug 202548min

HTML 5.3: Browser Implementation Insights

HTML 5.3: Browser Implementation Insights

The provided text offers insights into the HTML 5.3 specification, explaining its background, intended audience, scope, and historical development. It details how HTML evolved from a scientific docume...

23 Aug 202546min

Oh My Zsh: A Developer's Comprehensive Usage Guide

Oh My Zsh: A Developer's Comprehensive Usage Guide

This comprehensive guide introduces Oh My Zsh (OMYZSH), an open-source framework designed to enhance the Zsh shell experience for developers. It covers essential installation steps for OMYZSH, includi...

22 Aug 20251h 18min

Chezmoi vs GNU Stow for Dotfiles Management

Chezmoi vs GNU Stow for Dotfiles Management

This document offers a comprehensive comparison between Chezmoi and GNU Stow, two popular tools for managing dotfiles, which are configuration files in a user's home directory. It outlines their core ...

22 Aug 202544min

Blink Codebase: Deeper Classes and Components

Blink Codebase: Deeper Classes and Components

The provided texts describe various classes and components within the Blink rendering engine, offering insight into its internal architecture and functionalities. They explain how Blink manages CSS st...

20 Aug 202555min

Blink Codebase: Deeper Classes and Components

Blink Codebase: Deeper Classes and Components

The provided texts describe various classes and components within the Blink rendering engine, detailing their definitions and functionalities. These documents cover how Blink manages CSS styling (Comp...

20 Aug 20251h 10min

Blink Engine Key Classes 3

Blink Engine Key Classes 3

19 Aug 20251h 10min

Populært innen Teknologi

lydartikler-fra-aftenposten
romkapsel
smart-forklart
rss-avskiltet
tomprat-med-gunnar-tjomlid
nasjonal-sikkerhetsmyndighet-nsm
teknisk-sett
rss-impressions-2
shifter
energi-og-klima
rss-alt-vi-kan
teknologi-og-mennesker
elektropodden
pedagogisk-intelligens
hans-petter-og-co
fornybaren
rss-fjorsilkebris-podcast
kunstig-intelligens-med-morten-goodwin
rss-byggepodden
rss-polypod