web-animations-api-ref.html (518B)
1 <!DOCTYPE html> 2 <title>View transitions: one element captured for two tags (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 div { 7 position: fixed; 8 top: 0; 9 left: 0; 10 } 11 #first { 12 background: blue; 13 width: 100px; 14 height: 100px; 15 transform: translate(100px); 16 } 17 #second { 18 background: green; 19 width: 100px; 20 height: 100px; 21 transform: translate(150px); 22 } 23 </style> 24 <div id=first></div> 25 <div id=second></div>