new-content-captures-clip-path-ref.html (518B)
1 <!DOCTYPE html> 2 <title>View transitions: capture opacity elements (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 .box { 7 color: red; 8 background: lightgreen; 9 width: 100px; 10 height: 100px; 11 contain: paint; 12 position: absolute; 13 font-size: 30pt; 14 } 15 #e1 { 16 clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%); 17 top: 20px; 18 left: 20px; 19 } 20 body { background: lightpink; } 21 </style> 22 <div id=e1 class=box></div>