content-object-fit-none-ref.html (509B)
1 <!DOCTYPE html> 2 <title>View transitions: display content in a pseudo with object-fit: none (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 #container { 7 width: 50px; 8 height: 50px; 9 position: absolute; 10 top: 10px; 11 left: 10px; 12 } 13 #content { 14 background: lightblue; 15 width: 100px; 16 height: 100px; 17 } 18 19 html { background: lightpink; } 20 </style> 21 22 <div id=container><div id=content>This is text</div></div>