{"id":7611,"date":"2025-10-30T18:58:40","date_gmt":"2025-10-30T23:58:40","guid":{"rendered":"https:\/\/frontendmasters.com\/blog\/?p=7611"},"modified":"2025-10-30T19:00:06","modified_gmt":"2025-10-31T00:00:06","slug":"view-transitions-feature-explorer","status":"publish","type":"post","link":"https:\/\/frontendmasters.com\/blog\/view-transitions-feature-explorer\/","title":{"rendered":"View Transitions Feature Explorer"},"content":{"rendered":"\n<p>It&#8217;s a generally good thing to know that browser support for browser features isn&#8217;t always quite a simple as <strong>yes<\/strong> or <strong>no<\/strong>. There can be sub-features involved as things evolve that roll out in browsers at different times. View Transitions is an example of that going on right now. There are &#8220;Same-Document View Transitions&#8221; supported in all browsers right now, but &#8220;Cross-Document View Transitions&#8221; are still missing Firefox support. And there are <em>quite a few<\/em> more related features beyond that! <a href=\"https:\/\/www.bram.us\/2025\/10\/17\/view-transitions-feature-explorer\/\">Bramus has a nice way to explore that.<\/a> <\/p>\n\n\n\n<!--more-->\n\n\n\n<div class=\"wp-block-cp-codepen-gutenberg-embed-block cp_embed_wrapper\"><iframe id=\"cp_embed_EaPbbgx\" src=\"\/\/codepen.io\/anon\/embed\/EaPbbgx?height=650&amp;theme-id=1&amp;slug-hash=EaPbbgx&amp;default-tab=result\" height=\"650\" scrolling=\"no\" frameborder=\"0\" allowfullscreen allowpaymentrequest name=\"CodePen Embed EaPbbgx\" title=\"CodePen Embed EaPbbgx\" class=\"cp_embed_iframe\" style=\"width:100%;overflow:hidden\">CodePen Embed Fallback<\/iframe><\/div>\n","protected":false},"excerpt":{"rendered":"<p>It&#8217;s a generally good thing to know that browser support for browser features isn&#8217;t always quite a simple as yes or no. There can be sub-features involved as things evolve that roll out in browsers at different times. View Transitions is an example of that going on right now. There are &#8220;Same-Document View Transitions&#8221; supported [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":7613,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"sig_custom_text":"","sig_image_type":"featured-image","sig_custom_image":0,"sig_is_disabled":false,"inline_featured_image":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[29],"tags":[72,101],"class_list":["post-7611","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-the-beat","tag-browser-support","tag-view-transitions"],"acf":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/frontendmasters.com\/blog\/wp-content\/uploads\/2025\/10\/Screenshot-2025-10-30-at-4.57.36-PM.png?fit=1234%2C946&ssl=1","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/posts\/7611","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/comments?post=7611"}],"version-history":[{"count":3,"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/posts\/7611\/revisions"}],"predecessor-version":[{"id":7615,"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/posts\/7611\/revisions\/7615"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/media\/7613"}],"wp:attachment":[{"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/media?parent=7611"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/categories?post=7611"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/tags?post=7611"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}