<!DOCTYPE html> <link rel="help" href="https://drafts.csswg.org/scroll-animations-1/#propdef-animation-range"> <script src="/resources/testharness.js"></script> <script src="/resources/testharnessreport.js"></script> <script src="/css/support/parsing-testcommon.js"></script> <script> // https://drafts.csswg.org/scroll-animations-1/#view-timelines-ranges test_valid_value("animation-range-start", "normal"); test_valid_value("animation-range-start", "cover 0%", "cover"); test_valid_value("animation-range-start", "cover 100%"); test_valid_value("animation-range-start", "cover 120%"); test_valid_value("animation-range-start", "cover 42%"); test_valid_value("animation-range-start", "0", "0px"); test_valid_value("animation-range-start", "120%"); test_valid_value("animation-range-start", "120px"); test_valid_value("animation-range-start", "cover -42%"); test_valid_value("animation-range-start", "contain 42%"); test_valid_value("animation-range-start", "exit 42%"); test_valid_value("animation-range-start", "exit 1%, cover 2%, contain 0%", "exit 1%, cover 2%, contain"); test_valid_value("animation-range-start", "exit 1%, cover 2%, contain 100%"); test_valid_value("animation-range-start", "exit-crossing 42%"); test_valid_value("animation-range-start", "entry 42px"); test_valid_value("animation-range-start", "entry-crossing 42px"); test_valid_value("animation-range-start", "contain calc(10px + 10%)"); test_valid_value("animation-range-start", "entry 1em"); test_valid_value("animation-range-start", "exit calc(1em + 10px)"); test_valid_value("animation-range-start", "entry 42%"); test_valid_value("animation-range-start", "cover"); test_valid_value("animation-range-start", "contain"); test_valid_value("animation-range-start", "entry"); test_valid_value("animation-range-start", "exit"); </script>