Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /css/css-borders/tentative/border-shape/border-shape-shadow-negative-spread.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<title>border-shape with negative spread box-shadow</title>
<link rel="match" href="border-shape-shadow-negative-spread-ref.html">
<meta name="assert" content="box-shadow with negative spread should shrink the shadow smaller than the element with border-shape">
<style>
body {
margin: 0;
}
#target {
width: 100px;
height: 100px;
border-shape: inset(0px);
background: blue;
box-shadow: 20px 20px 0 -10px red;
margin: 40px;
}
</style>
<div id="target">
</div>