<!DOCTYPE html>
<div style="position:relative; width:100px; height:100px; background:green;"></div>
<div style="translate:initial; margin-top:-100px; width:100px; height:100px; background:red;"></div>

<div style="position:relative; width:100px; height:100px; background:green;"></div>
<div style="scale:initial; margin-top:-100px; width:100px; height:100px; background:red;"></div>

<div style="position:relative; width:100px; height:100px; background:green;"></div>
<div style="rotate:initial; margin-top:-100px; width:100px; height:100px; background:red;"></div>
This test verifies resetting CSS translate to initial value doesn't result in a stacking context.