www.bram.us/2025/03/04/view-transitions-snapshot-containing-block

Preview meta tags from the www.bram.us website.

Linked Hostnames

16

Thumbnail

Search Engine Appearance

Google

https://www.bram.us/2025/03/04/view-transitions-snapshot-containing-block

View Transitions Applied: Dealing with the Snapshot Containing Block

Beware when manipulating the coordinates of the View Transition’s ::view-transition-group(*) pseudo. Depending on where you read those coordinates from, you might end up with layout jumps when writing them back. This post details the pitfalls and how to deal with them, unlocking more performant animations on the ::view-transition-group() pseudo along the way.



Bing

View Transitions Applied: Dealing with the Snapshot Containing Block

https://www.bram.us/2025/03/04/view-transitions-snapshot-containing-block

Beware when manipulating the coordinates of the View Transition’s ::view-transition-group(*) pseudo. Depending on where you read those coordinates from, you might end up with layout jumps when writing them back. This post details the pitfalls and how to deal with them, unlocking more performant animations on the ::view-transition-group() pseudo along the way.



DuckDuckGo

https://www.bram.us/2025/03/04/view-transitions-snapshot-containing-block

View Transitions Applied: Dealing with the Snapshot Containing Block

Beware when manipulating the coordinates of the View Transition’s ::view-transition-group(*) pseudo. Depending on where you read those coordinates from, you might end up with layout jumps when writing them back. This post details the pitfalls and how to deal with them, unlocking more performant animations on the ::view-transition-group() pseudo along the way.

  • General Meta Tags

    7
    • title
      View Transitions Applied: Dealing with the Snapshot Containing Block – Bram.us
    • charset
      UTF-8
    • viewport
      width=device-width, initial-scale=1
    • robots
      max-image-preview:large
    • generator
      WordPress 6.8.2

  • Open Graph Meta Tags

    5
    • og:site_name
      Bram.us
    • og:url
      https://www.bram.us/2025/03/04/view-transitions-snapshot-containing-block/
    • og:title
      View Transitions Applied: Dealing with the Snapshot Containing Block
    • og:description
      Beware when manipulating the coordinates of the View Transition’s ::view-transition-group(*) pseudo. Depending on where you read those coordinates from, you might end up with layout jumps when writing them back. This post details the pitfalls and how to deal with them, unlocking more performant animations on the ::view-transition-group() pseudo along the way.
    • og:image
      https://www.bram.us/wordpress/wp-content/uploads/2025/03/IMG_3847.jpeg

  • Twitter Meta Tags

    6
    • twitter:card
      summary_large_image
    • twitter:site
      @bramusblog
    • twitter:creator
      @bramus
    • twitter:title
      View Transitions Applied: Dealing with the Snapshot Containing Block
    • twitter:description
      Beware when manipulating the coordinates of the View Transition’s ::view-transition-group(*) pseudo. Depending on where you read those coordinates from, you might end up with layout jumps when writing them back. This post details the pitfalls and how to deal with them, unlocking more performant animations on the ::view-transition-group() pseudo along the way.

  • Link Tags

    22
    • EditURI
      https://www.bram.us/wordpress/xmlrpc.php?rsd
    • alternate
      https://www.bram.us/feed/
    • alternate
      https://www.bram.us/comments/feed/
    • alternate
      https://www.bram.us/2025/03/04/view-transitions-snapshot-containing-block/feed/
    • alternate
      https://www.bram.us/wp-json/wp/v2/posts/35412

Links

45