content-visibility-077.html (793B)
1 <!doctype HTML> 2 <meta charset="utf8"> 3 <title>CSS Content Visibility: content-visibility is animatable.</title> 4 <link rel="author" title="Vladimir Levin" href="mailto:vmpstr@chromium.org"> 5 <link rel="help" href="https://drafts.csswg.org/css-contain/#content-visibility"> 6 <meta name="assert" content="content-visibility is animatable"> 7 8 <script src="/resources/testharness.js"></script> 9 <script src="/resources/testharnessreport.js"></script> 10 11 <style> 12 @keyframes cv { 13 from { content-visibility: auto } 14 to { content-visibility: hidden } 15 } 16 17 #container { animation: cv 1s; } 18 </style> 19 20 <div id=container></div> 21 22 <script> 23 test(() => { 24 const computedStyle = getComputedStyle(container); 25 assert_equals(computedStyle.contentVisibility, "auto"); 26 }, "Content-visibility is animatable"); 27 </script>