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)

Chromium Blink's Layer Recycle Tree Optimization

Chromium Blink's Layer Recycle Tree Optimization

The sources provide an extensive technical explanation of the Chromium/Blink rendering pipeline, focusing specifically on the compositor's layer trees and a performance optimization known as the Recyc...

3 Okt 202529min

Chromium Compositor's CalculateDrawProperties: Scrolling and Overscroll

Chromium Compositor's CalculateDrawProperties: Scrolling and Overscroll

The sources provide an extremely detailed, line-by-line breakdown of the Chromium compositor function CalculateDrawProperties, explaining how it prepares the active layer tree for rendering. A primary...

3 Okt 202530min

Git Rebase and Interactive Rebase for Chromium Development

Git Rebase and Interactive Rebase for Chromium Development

The sources provide a comprehensive guide to Git rebasing and interactive rebasing, explaining how these powerful tools rewrite commit history to maintain a clean, linear project record. They detail t...

2 Okt 202536min

Chrome Finch System Technical Guide and Rollouts

Chrome Finch System Technical Guide and Rollouts

The source text provides an exhaustive technical guide to Chrome’s Finch (Variations) system, a mechanism used for running field trials and A/B experiments to control browser features remotely. This s...

1 Okt 20251h 14min

Chromium Compositor Input: Handler and Proxy Deep Dive

Chromium Compositor Input: Handler and Proxy Deep Dive

The source provides a detailed technical analysis of how the Chromium web browser manages user input to ensure a responsive and smooth user experience, even when the main thread is occupied. It center...

1 Okt 202531min

Current Overscroll System Architecture Deep Dive

Current Overscroll System Architecture Deep Dive

The provided document offers an in-depth technical architectural overview of the overscroll system, primarily within the Chromium browser. It explains how browsers handle scroll gestures that go beyon...

29 Sep 202535min

cc Transform and Scroll Trees

cc Transform and Scroll Trees

The source text details the architecture of Chromium's compositor, focusing on the tandem operation of two critical data structures: the Transform Tree and the Scroll Tree. The Transform Tree manages ...

28 Sep 202527min

GDB Debugging for Chrome Blink Renderer Process

GDB Debugging for Chrome Blink Renderer Process

This source provides a comprehensive guide for using the GNU Debugger (GDB), primarily targeted at debugging the C++ code within the Chromium (Chrome) browser's renderer process (Blink) in a Linux dev...

27 Sep 202554min

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