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

Popular posts from this blog

java - Jasper subreport showing only one entry from the JSON data source when embedded in the Title band -

serialization - Convert Any type in scala to Array[Byte] and back -

SonarQube Plugin for Jenkins does not find SonarQube Scanner executable -