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(399)

cc::TransformTree

cc::TransformTree

source provides a highly detailed technical overview of the Transform Property Tree within the Chromium compositor, which is a core component of the RenderingNG architecture responsible for all coordi...

1 Nov 20251h 11min

cc::LayerImpl: Compositor Layer Deep Dive

cc::LayerImpl: Compositor Layer Deep Dive

The sources provide an exhaustive technical explanation of the cc::LayerImpl class, which is the core representation of a visual element within Chromium's multi-threaded rendering pipeline. These laye...

1 Nov 20251h 8min

Chromium Tile Raster Transform Propagation Audit

Chromium Tile Raster Transform Propagation Audit

This detailed audit examines the complete code path within Chromium that determines the raster_transform_ property of a cc::Tile, which is an immutable scale and translation used during rasterization....

31 Okt 202528min

Chromium Compositor Tile Raster Transform Path Map

Chromium Compositor Tile Raster Transform Path Map

The source provides an exhaustive technical mapping of how the Tile::raster_transform_ field is initialized and maintained within the Chromium compositor. It explains that this transform, which consis...

31 Okt 202527min

(ALT) Chromium Compositor PictureLayerImpl Deep Dive

(ALT) Chromium Compositor PictureLayerImpl Deep Dive

The source provides an extensive technical overview of the cc::PictureLayerImpl class, a critical component in the rendering architecture of Chromium's compositor, responsible for processing content o...

31 Okt 202540min

Chromium Compositor PictureLayerImpl Deep Dive

Chromium Compositor PictureLayerImpl Deep Dive

The source provides an extensive technical overview of the cc::PictureLayerImpl class, a critical component in the rendering architecture of Chromium's compositor, responsible for processing content o...

31 Okt 202536min

Chromium Compositor Picture Layer Deep Dive

Chromium Compositor Picture Layer Deep Dive

This source provides an extensive, practitioner-focused examination of the Chromium Compositor's PictureLayerImpl class and its associated tiling stack, which manages the rasterization and drawing of ...

31 Okt 202536min

Singing and Memory in Ancient Greek Oral Tradition

Singing and Memory in Ancient Greek Oral Tradition

The source materials offer an extensive analysis of how ancient Greek civilization used music and rhythm as fundamental mnemonic tools for preserving and transmitting cultural knowledge long before wi...

30 Okt 20251h 24min

Populært innen Teknologi

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