<!DOCTYPE html>
<meta charset="UTF-8">
<title>padding interpolation</title>
<link rel="help" href="https://drafts.csswg.org/css-box-3/#padding-shorthand">
<meta name="assert" content="padding supports animation as a list of lengths">

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

<style>
.parent {
  padding: 30px;
}
.target {
  width: 1px;
  height: 1px;
  background-color: black;
  