object-view-box-ref.html (498B)
1 <!DOCTYPE html> 2 <title>View transitions: object-view-box (ref)</title> 3 <link rel="help" href="https://drafts.csswg.org/css-view-transitions-1/"> 4 <link rel="author" href="mailto:vmpstr@chromium.org"> 5 <style> 6 .target { 7 contain: paint; 8 width: 100px; 9 height: 100px; 10 transform: scale(2.0, 3.0); 11 position: relative; 12 top: 200px; 13 left: 200px; 14 } 15 .content { 16 width: 100px; 17 height: 50px; 18 background: blue; 19 } 20 21 </style> 22 <div class="target"> 23 <div class="content">SharedElement</div> 24 </div>