Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /css/css-contain/content-visibility/content-visibility-077.html - WPT Dashboard Interop Dashboard
<!doctype HTML>
<meta charset="utf8">
<title>CSS Content Visibility: content-visibility is animatable.</title>
<link rel="author" title="Vladimir Levin" href="mailto:vmpstr@chromium.org">
<meta name="assert" content="content-visibility is animatable">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style>
@keyframes cv {
from { content-visibility: auto }
to { content-visibility: hidden }
}
#container { animation: cv 1s; }
</style>
<div id=container></div>
<script>
test(() => {
const computedStyle = getComputedStyle(container);
assert_equals(computedStyle.contentVisibility, "auto");
}, "Content-visibility is animatable");
</script>