<!DOCTYPE html>
<div style="will-change:transform;">
<span style="opacity: 0.9">
<div style="columns: 1; float: left">
<div id="target" style="width: 100px; height: 100px; background: red"></div>
<div style="position: relative"></div>
</span>
</div>
<script src="../../../resources/run-after-layout-and-paint.js"></script>
<script>
runAfterLayoutAndPaint(function() {
target.style.background = 'green';
}, true);
</script>