<title>CSS Values and Units Test: random() in @keyframes</title>

<link rel="author" title="Tim Nguyen" href="https://github.com/nt1m">

<link rel="help" href="https://drafts.csswg.org/css-values-5/#random">

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

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

@keyframes --anim {

from {

translate: 0px;

translate: random(2px, 200px);

}

to {

translate: 0px;

}

}

#target {

animation: --anim 1000s step-end;

}

<div id="target"></div>

test(() => {

assert_not_equals(getComputedStyle(target).translate, "0px");

}, "random() is not ignored in keyframe");