<!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> |