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-semitransparent.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<title>border-shape with semi-transparent box-shadow</title>
<link rel="match" href="border-shape-shadow-semitransparent-ref.html">
<meta name="assert" content="box-shadow with semi-transparent color should not show double-painting artifacts with border-shape">
<style>
body {
margin: 0;
background: white;
}
#target {
width: 190px;
height: 190px;
border-shape: xywh(0% 0% 100% 100%);
position: relative;
background: green;
box-shadow: 10px 20px 0 10px rgba(0, 0, 255, 0.5);
border: 10px solid black;
}
</style>
<div id="target">
</div>