1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
|
<!DOCTYPE html>
<title>animation-delay shorthand (computed values)</title>
<link rel="help" href="https://drafts.csswg.org/scroll-animations-1/#propdef-animation-delay">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/css/support/computed-testcommon.js"></script>
<div id="target"></div>
<script>
test_computed_value("animation-delay", "1s");
test_computed_value("animation-delay", "-1s");
test_computed_value("animation-delay", "1s 2s");
test_computed_value("animation-delay", "1s, 2s");
test_computed_value("animation-delay", "1s 2s, 3s");
test_computed_value("animation-delay", "1s, 2s 3s");
test_computed_value("animation-delay", "1s, 2s, 3s");
test_computed_value("animation-delay", "cover");
test_computed_value("animation-delay", "contain");
test_computed_value("animation-delay", "enter");
test_computed_value("animation-delay", "exit");
test_computed_value("animation-delay", "enter, exit");
test_computed_value("animation-delay", "enter 0% enter 100%", "enter");
test_computed_value("animation-delay", "exit 0% exit 100%", "exit");
test_computed_value("animation-delay", "cover 0% cover 100%", "cover");
test_computed_value("animation-delay", "contain 0% contain 100%", "contain");
test_computed_value("animation-delay", "cover 50%");
test_computed_value("animation-delay", "contain 50%");
test_computed_value("animation-delay", "enter 50%");
test_computed_value("animation-delay", "exit 50%");
test_computed_value("animation-delay", "enter 50% 0s", "enter 50%");
test_computed_value("animation-delay", "0s enter 50%");
test_computed_value("animation-delay", "enter 50% exit 50%");
test_computed_value("animation-delay", "cover 50% enter 50%, contain 50% exit 50%");
</script>
|
