inline-with-offset-from-containing-block-clipped-ref.html

Enable keyboard shortcuts

<!DOCTYPE html>

<html>

<title>View transitions: capture elements with display inline (ref)</title>

<link rel="help" href="https://drafts.csswg.org/css-view-transitions-1/">

<style>

html {

  background: pink;

#box {

  will-change: opacity;

  background: blue;

div {

  padding-left: 8px;

  padding-top: 8px;

</style>

<div>

  <span id=box>&nbsp;&nbsp;&nbsp;&nbsp;</span>

</div>

</html>