wpt/css/motion/offset-path-ray-006.html at master · web-platform-tests/wpt

32 lines (32 loc) · 832 Bytes

<!DOCTYPE html>
<html>
  <head>
    <title>CSS Motion Path: ray paths</title>
    <link rel="help" href="https://drafts.fxtf.org/motion-1/#offset-path-property">
    <link rel="match" href="offset-path-ray-005-ref.html">
    <meta name="assert" content="This tests that ray() generates a rotation and translation.">
    <style>
      #container {
        width: 200px;
        height: 200px;
      }
      #target {
        position: relative;
        left: 120px;
        top: 160px;
        width: 100px;
        height: 50px;
        background-color: lime;
        transform-origin: 0px 0px;
        offset-path: ray(135deg farthest-corner);
        offset-distance: 100%;
        offset-position: auto;
      }
    </style>
  </head>
  <body>
    <div id="container">
      <div id="target"></div>
    </div>
  </body>
</html>

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

offset-path-ray-006.html

Latest commit

History

offset-path-ray-006.html

File metadata and controls

Expand file tree