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

position: sticky / Axis Specific Overflow Containment

position: sticky / Axis Specific Overflow Containment

The provided text explores the behavior and limitations of the CSS property position: sticky, particularly focusing on its interaction with ancestor elements that utilize the overflow property. It exp...

10 Dec 202536min

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

Populärt inom Teknik

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