new-content-element-writing-modes-ref.html (612B)
1 <!DOCTYPE html> 2 <title>View transitions: 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 id=one class="tb shared">T</div> 22 <div id=two class="lr shared">T</div> 23 <div id=three class="rl shared">T</div>