blob: b2fb0c7f23f5577660f90faa0c17ca88634a85fc [file] [log] [blame]
<meta name="fuzzy" content="maxDifference=0-1; totalPixels=0-16" />
<style>
div {
width:100px;
height:100px;
border: 2px solid black;
}
.control {
border-radius:50px;
}
.pixels {
border-radius:calc(50px);
}
.percent {
border-radius:calc(50%);
}
.both {
/* Note that 100% is 104px, so 25% + 25px = 51px*/
border-radius:calc(25% + 25px);
}
</style>
This test should have four circles.
<div class="control"></div>
<div class="pixels"></div>
<div class="percent"></div>
<div class="both"></div>