mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-10-26 03:35:33 +00:00
25 lines
439 B
HTML
25 lines
439 B
HTML
|
<!doctype html>
|
||
|
<style>
|
||
|
#shadow {
|
||
|
fill: red;
|
||
|
}
|
||
|
</style>
|
||
|
<div id="host"></div>
|
||
|
<script>
|
||
|
host.attachShadow({ mode: "open" }).innerHTML = `
|
||
|
<style>
|
||
|
#shadow {
|
||
|
fill: lime;
|
||
|
}
|
||
|
</style>
|
||
|
<svg width="100" height="100">
|
||
|
<defs>
|
||
|
<g id="shadow" width="100" height="100">
|
||
|
<rect width="100" height="100" />
|
||
|
</g>
|
||
|
</defs>
|
||
|
<use href="#shadow" />
|
||
|
</svg>
|
||
|
`;
|
||
|
</script>
|