<!DOCTYPE html> | |
<style> | |
#target { | |
width: 100px; | |
height: 100px; | |
background-color: green; | |
-webkit-clip-path: url(notexisting.svg#c); | |
clip-path: url(notexisting.svg#c); | |
} | |
</style> | |
<div style="background-color: red; width: 100px"> | |
<div id="target"></div> | |
</div> | |
<svg> | |
<clipPath id="c" clipPathUnits="objectBoundingBox"> | |
<circle cx="0.5" cy="0.5" r="0.5"/> | |
</clipPath> | |
</svg> |