position-visibility-anchors-visible-clip.html (780B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Anchor Positioning Test: position-visibility: anchors-visible</title> 4 <link rel="help" href="https://drafts.csswg.org/css-anchor-position-1/#position-visibility"> 5 <link rel="match" href="position-visibility-anchors-visible-clip-ref.html"> 6 <style> 7 .clip { 8 overflow: hidden; 9 border: 2px solid red; 10 } 11 .c { 12 position: absolute; 13 top: 50px; 14 width: 100px; 15 height: 100px; 16 border: 2px solid green; 17 } 18 .anchor { 19 anchor-name: --foo; 20 background: blue; 21 } 22 .anchored { 23 left: anchor(left); 24 top: anchor(bottom); 25 position: absolute; 26 position-anchor: --foo; 27 background: green; 28 } 29 </style> 30 <div class=clip><div class=c><div class=anchor>anchor</div></div></div> 31 <div class=anchored>anchored</div>