Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html>
<title>Consistent image fidelity of background-image with border-radius (reference)</title>
<style>
#target {
background-image: url("../support/aqua-yellow-32x32.png");
background-size: 100% 100%;
border-radius: 8px;
width: 256px;
height: 256px;
}
</style>
<div id="target" style="background-clip: padding-box"></div>