mirror of
https://github.com/mozilla/gecko-dev.git
synced 2025-01-07 11:56:51 +00:00
610f6700a9
Differential Revision: https://phabricator.services.mozilla.com/D64751 --HG-- extra : moz-landing-system : lando
48 lines
941 B
HTML
48 lines
941 B
HTML
<!DOCTYPE HTML>
|
|
<html>
|
|
<head>
|
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
|
<style>
|
|
#parent {
|
|
transform: rotateZ(1deg);
|
|
position: absolute;
|
|
opacity: 0.5;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
#child {
|
|
width: 10px;
|
|
height: 10px;
|
|
}
|
|
|
|
.blend {
|
|
mix-blend-mode: color-burn;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<div id="parent">
|
|
<div id="child">a</div>
|
|
</div>
|
|
<div>
|
|
<div id="blend">a</div>
|
|
</div>
|
|
<script type="text/javascript">
|
|
function modify() {
|
|
var e = document.getElementById("child");
|
|
e.style.backgroundColor = "red";
|
|
setTimeout(addBlend, 0);
|
|
}
|
|
|
|
function addBlend() {
|
|
var e = document.getElementById("blend");
|
|
e.classList.add("blend");
|
|
}
|
|
|
|
// setTimeout(modify, 3000);
|
|
window.addEventListener("MozAfterPaint", modify);
|
|
</script>
|
|
</body>
|
|
</html>
|