<!DOCTYPE html>
<html class="reftest-wait">
<title>View Transitions: @view-transition opt in with types</title>
<link rel="help" href="https://drafts.csswg.org/css-view-transitions-2/">
<link rel="match" href="../at-rule-opt-in-auto-ref.html">
<script src="/common/reftest-wait.js"></script>
<style>
@view-transition {
navigation: auto;
types: old-type;
}
html:active-view-transition-type(old-type) {
background: blue;
}
</style>
<script>
function runTest() {
const url = "../resources/at-rule-opt-in-auto-with-types.html";
window.location.replace(new URL(url, window.location));
}
onload = () => requestAnimationFrame(() => requestAnimationFrame(runTest));
</script>
</html>