custom-property-transition-transform-function.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /css/css-properties-values-api/animation/custom-property-transition-transform-function.html - WPT Dashboard Interop Dashboard

<!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: "translateX(100px)",

  to: "translateX(200px)",

  expected: "translateX(150px)",

  behavior: 'allow-discrete',

}, 'A custom property of type <transform-function> can yield a CSS Transition');

</script>