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.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<link rel="match" href="border-shape-shadow-ref.html">
<meta name="fuzzy" content="maxDifference=0-80;totalPixels=0-450">
<style>
body {
margin: 0;
}
#target {
width: 190px;
height: 190px;
border-shape: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
position: relative;
background: green;
box-shadow: 10px 20px 0 0px purple;
border: 10px solid black;
}
</style>
<div id="target">
</div>