<!DOCTYPE html><htmlclass="reftest-wait"><linkrel="help"href="https://drafts.csswg.org/css-shapes-1/#basic-shape-interpolation"><linkrel="match"href="clip-path-animation-none-ref.html"><!-- This test verifies that 1) clip-path: revert-layer in an animation does not cause a crash 2) that clip-path: revert-layer displays correctly for an animation--><style>@keyframesclippath{0%{clip-path:inset(25%25%);}100%{clip-path:revert-layer;}}.target{animation:clippath20ssteps(2,jump-end)-9.999s;background-color:blue;width:100px;height:100px;}/* * Ensure that clip path is truly none, and not a rectangle that * encompasses area of the parent */.outofbounds{position:absolute;top:200px;left:200px;height:10px;width:10px;background-color:blue}</style><scriptsrc="/common/reftest-wait.js"></script><scriptsrc="../../../../web-animations/resources/timing-utils.js"></script><body><divclass="target"><divclass="outofbounds"></div></div><script>waitForAnimationTime(document.getAnimations()[0],1).then(takeScreenshot);</script></body></html>