forked from mirrors/gecko-dev
0656277398
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
17 lines
617 B
HTML
17 lines
617 B
HTML
<!DOCTYPE html>
|
|
<link rel="help" href="https://drafts.css-houdini.org/css-properties-values-api-1">
|
|
<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>",
|
|
from: "translateZ(100px)",
|
|
to: "scale(4)",
|
|
expected: "matrix3d(2.5, 0, 0, 0, 0, 2.5, 0, 0, 0, 0, 1, 0, 0, 0, 50, 1)",
|
|
behavior: 'allow-discrete',
|
|
}, 'A custom property of type <transform-function> can yield a CSS Transition between different function types');
|
|
|
|
</script>
|