fune/testing/web-platform/tests/css/css-properties-values-api/animation/custom-property-transition-transform-function-none.tentative.html
Rune Lillesveen 0656277398 Bug 1860132 [wpt PR 42643] - Add interpolation type for custom <transform-function>, a=testonly
Automatic update from web-platform-tests
Add interpolation type for custom <transform-function>

Support animation of registered <transform-function> custom properties
via a new CSSCustomTransformFunctionInterpolationType.

The implementation currently supports interpolating between different
types of transform functions via a matrix based on the specification
saying that <transform-function> should also interpolate as the standard
transform property.

Bug: 911156
Change-Id: I983a54c0e799df77cfa89e8002a78c45b5cf16f9
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/4952484
Reviewed-by: Kevin Ellis <kevers@chromium.org>
Commit-Queue: Rune Lillesveen <futhark@chromium.org>
Cr-Commit-Position: refs/heads/main@{#1215394}

--

wpt-commits: d89ad53db7bfd9b7d13fdcd81881bce4ac903bdc
wpt-pr: 42643
2023-11-19 15:18:22 +00:00

18 lines
664 B
HTML

<!DOCTYPE html>
<link rel="help" href="https://drafts.css-houdini.org/css-properties-values-api-1">
<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/9522">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="../resources/utils.js"></script>
<div id="target"></div>
<script>
transition_test({
syntax: "<transform-function>|none",
from: "none",
to: "translateX(200px)",
expected: "translateX(200px)",
behavior: 'allow-discrete',
}, 'A custom property keyword none is not a <transform-function> value and is not interpolable with <transform-function> values');
</script>