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.


Avsnitt(448)

The CSS Position: Sticky Deep Dive

The CSS Position: Sticky Deep Dive

The provided source offers an extensive overview of the CSS position: sticky property, detailing its specification, functional behavior, and implementation across modern web browsers. It explains that...

10 Dec 202535min

CSS Overflow Deep Dive and Blink Implementation

CSS Overflow Deep Dive and Blink Implementation

The provided text offers a detailed exploration of the CSS overflow property and its technical implementation, specifically focusing on the Chrome Blink engine. The document traces the evolution of th...

10 Dec 202549min

Haskell: Purity, Laziness, and Advanced Types

Haskell: Purity, Laziness, and Advanced Types

The source provides a comprehensive examination of the purely functional programming language Haskell, focusing on its core features and paradigms. It details the history and evolution of Haskell from...

10 Dec 202544min

Advanced Chrome on Android Diagnostics and Profiling

Advanced Chrome on Android Diagnostics and Profiling

This comprehensive guide details the advanced diagnostic and performance tools available for developers working on Chrome for Android. It categorizes tools based on the specific issue being analyzed, ...

9 Dec 202542min

Chromium Development Workflow on Android

Chromium Development Workflow on Android

The source provides a comprehensive guide to the workflow for developing Chromium on Android, detailing the specialized tools required for building, deploying, and debugging the browser. It explains t...

9 Dec 202536min

Android Internals for Chrome and Blink Developers

Android Internals for Chrome and Blink Developers

The source provides a detailed technical guide to Android internals specifically for Chrome/Blink developers, covering the fundamental infrastructure required to build, deploy, and debug the browser o...

8 Dec 202545min

CSS display: contents: Layout, Implementations, and Accessibility

CSS display: contents: Layout, Implementations, and Accessibility

The text provides an extensive technical examination of the CSS value display: contents, which allows authors to remove an element's principal box from the rendering tree while preserving its descenda...

6 Dec 202529min

WebView Crash: Finch Configuration Disaster

WebView Crash: Finch Configuration Disaster

The text analyzes the Android app stability crisis of March 2021, detailing how a global outage occurred when a configuration bug was deployed via Google’s remote experimentation system, Finch. This f...

6 Dec 202532min

Populärt inom Teknik

uppgang-och-fall
bilar-med-sladd
market-makers
elbilsveckan
rss-elektrikerpodden
rss-veckans-ai
skogsforum-podcast
rss-technokratin
developers-mer-an-bara-kod
har-vi-akt-till-mars-an
rss-laddstationen-med-elbilen-i-sverige
natets-morka-sida
bli-saker-podden
rss-uppgang-och-fall
rss-it-sakerhetspodden
garagehang
ai-sweden-podcast
rss-powerboat-sverige-podcast
gubbar-som-tjotar-om-bilar
rss-fabriken-2