old-content-container-writing-modes-ref.html (670B)
1 <!DOCTYPE html> 2 <title>View transitions: container of shared element writing-modes (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 6 <style> 7 .tb { writing-mode: horizontal-tb; } 8 .lr { writing-mode: vertical-lr; } 9 .rl { writing-mode: vertical-rl; } 10 .shared { 11 margin: 2px; 12 width: 100px; 13 height: 50px; 14 background: green; 15 contain: paint; 16 border: 1px solid black; 17 } 18 html { background: lightpink; } 19 </style> 20 21 <div class=tb><div id=one class=shared>T</div></div> 22 <div class=lr><div id=two class=shared>T</div></div> 23 <div class=rl><div id=three class=shared>T</div></div>