outer-padding-inner-background-ref.html (409B)
1 <!DOCTYPE html> 2 <html> 3 <link rel="help" href="https://drafts.csswg.org/css-view-transitions-1/"> 4 <style> 5 :root { background: rebeccapurple; } 6 .target { 7 width: 200px; 8 height: 200px; 9 contain: paint; 10 view-transition-name: target; 11 padding: 20px; 12 } 13 14 .child { 15 width: 100px; 16 height: 200px; 17 position: relative; 18 background: green; 19 } 20 </style> 21 22 <div class=target> 23 <div class=child> 24 </div> 25 </div>