box-shadow-border-radius-001.html (1183B)
1 <!DOCTYPE html> 2 3 <meta charset="UTF-8"> 4 5 <title>CSS Backgrounds Test: 'border-radius: 50%' with a box-shadow that has a tall and wide spread</title> 6 7 <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> 8 <link rel="help" href="https://www.w3.org/TR/css-text-decor-3/#text-shadow-property"> 9 <link rel="match" href="reference/box-shadow-border-radius-001-ref.html"> 10 <link rel="mismatch" href="reference/box-shadow-border-radius-001-notref.html"> 11 12 <meta content="" name="flags"> 13 14 <!-- 15 16 [css-backgrounds] The shape of box-shadow should be a circle for a box with border-radius:50% and big spread 17 https://github.com/w3c/csswg-drafts/issues/7103 18 19 https://lists.w3.org/Archives/Public/www-archive/2022Sep/att-0012/shadow-radius.html 20 21 --> 22 23 <meta name="fuzzy" content="maxDifference=0-56;totalPixels=0-1192"> 24 25 <style> 26 div 27 { 28 background-color: black; 29 border-radius: 50%; 30 box-shadow: black 0 0 0 149px; 31 height: 2px; 32 margin: 157px 149px 0px; 33 width: 2px; 34 } 35 36 /* 37 38 149px 39 + 40 2px 41 + 42 149px 43 ======== 44 300px 45 46 */ 47 </style> 48 49 <div></div>