margin-inline-interpolation.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /css/css-logical/animations/margin-inline-interpolation.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<meta charset="UTF-8">

<title>margin-inline interpolation</title>

<link rel="help" href="https://drafts.csswg.org/css-logical/#propdef-margin-inline">

<meta name="assert" content="margin-inline supports animation">

<script src="/resources/testharness.js"></script>

<script src="/resources/testharnessreport.js"></script>

<script src="/css/support/interpolation-testcommon.js"></script>

<body>

<script>

test_interpolation({

  property: 'margin-inline',

  from: '10px',

  to: '20px',

}, [

  {at: -0.3, expect: '7px'},

  {at: 0, expect: '10px'},

  {at: 0.3, expect: '13px'},

  {at: 0.6, expect: '16px'},

  {at: 1, expect: '20px'},

  {at: 1.5, expect: '25px'},

]);

</script>

</body>