wpt/css/css-values/random-in-keyframe.html at master · web-platform-tests/wpt

26 lines (26 loc) · 713 Bytes

<!DOCTYPE html>
<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>
<style>
  @keyframes --anim {
    from {
        translate: 0px;
        translate: random(2px, 200px);
    }
    to {
        translate: 0px;
    }
  }
  #target {
    animation: --anim 1000s step-end;
  }
</style>
<div id="target"></div>
<script>
  test(() => {
    assert_not_equals(getComputedStyle(target).translate, "0px");
  }, "random() is not ignored in keyframe");
</script>

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Expand file tree

Search code, repositories, users, issues, pull requests...

Uh oh!

FilesExpand file tree

random-in-keyframe.html

Latest commit

History

random-in-keyframe.html

File metadata and controls

Expand file tree