sass - border size not matching for circle -
i have 2 divs same border;
div { position: absolute; width: 200px; height: 200px; border: 6px solid transparent; }
i want them circles, added border-radius: 50%; , after discovered borders don't match anymore
why that?
i guess trying match
circles- noted when removed border
last
element
body { background: #000; } body div { position: absolute; width: 200px; height: 200px; border: 6px solid transparent; border-radius: 50%; } body .first { border-color: cyan; } body .last { /*border-color: #000;*/ }
<div class="first"></div> <div class="last"></div>
i guess has how css renders pixels (because pixels discrete units)
Comments
Post a Comment