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)

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

Blink Engine Key Classes 2

Blink Engine Key Classes 2

19 Aug 202527min

Blink Core: Architecture and Component Overview

Blink Core: Architecture and Component Overview

The provided sources offer a comprehensive overview of Blink's core architecture and components, primarily focusing on how the engine processes and renders web content. They explain fundamental concep...

19 Aug 20251h 16min

Blink Web Development: A Comprehensive Guide

Blink Web Development: A Comprehensive Guide

The provided text outlines the scope of a six-hour audio lecture designed for C++ developers entering the Blink web development team. This lecture will thoroughly cover Blink's architectural design an...

17 Aug 202533min

JavaScript for the C++ Developer: A Deep Dive

JavaScript for the C++ Developer: A Deep Dive

This document outlines the scope of a multi-part lecture series designed for C++ developers transitioning to JavaScript. The series promises in-depth comparisonsbetween the two languages, covering run...

17 Aug 202556min

Hazard Pointers: Lock-Free Memory Reclamation in C++

Hazard Pointers: Lock-Free Memory Reclamation in C++

The provided sources discuss Hazard Pointers, a crucial technique for safe memory reclamation in lock-free concurrent programming, particularly within C++. They explain how hazard pointers address the...

14 Aug 20251h 27min

Populärt inom Teknik

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