tial-value: 0px;
  inherits: false;
}

@keyframes anim {
  from { --x: 50px; }
  to { --x: revert-layer; }
}
</style>

<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div id="target"></div>
