auto-name-ref.html (475B)
1 <!DOCTYPE html> 2 <html> 3 <title>View transitions: using auto names</title> 4 <link rel="help" href="https://drafts.csswg.org/css-view-transitions-2/"> 5 <style> 6 body { 7 background: rebeccapurple; 8 } 9 10 div { 11 width: 100px; 12 height: 100px; 13 } 14 15 main { 16 display: flex; 17 flex-direction: row; 18 position: relative; 19 top: 50px; 20 } 21 22 .item1 { 23 background: green; 24 } 25 26 .item2 { 27 background: yellow; 28 } 29 </style> 30 <main> 31 <div class="item1"></div> 32 <div class="item2"></div> 33 </main> 34 35 </body>