transform-origin-view-transition-group-ref.html (524B)
1 <!DOCTYPE html> 2 <html> 3 <title>View transitions: validates that transform-origin value is default for view-transition-group (ref)</title> 4 <link rel="help" href="https://www.w3.org/TR/css-view-transitions-1/"> 5 <link rel="author" href="mailto:khushalsagar@chromium.org"> 6 <style> 7 .target { 8 width: 100px; 9 height: 150px; 10 background: green; 11 position: fixed; 12 top: 200px; 13 left: 200px; 14 transform: rotate(90deg); 15 view-transition-name: target; 16 clip-path: inset(1px 1px 1px 1px); 17 } 18 </style> 19 20 <div class="target"></div>