devtools/client/inspector/test/doc_inspector_highlighter_cssshapes.html
author Ryan VanderMeulen <ryanvm@gmail.com>
Fri, 26 May 2017 10:55:09 -0400
changeset 585306 b21dd9fab3d5195fcdfccb99e14997c3f521af08
parent 585302 28bd68d3022281ca77d8c3618d6d61867ffc5cf9
child 586544 45836ffc4cec5883aaa40719767702abac01dee1
permissions -rw-r--r--
Bug 1282716 - Add missing newline to doc_inspector_highlighter_cssshapes.html to make ESLint happy.

<!-- Any copyright is dedicated to the Public Domain.
     http://creativecommons.org/publicdomain/zero/1.0/ -->
<!DOCTYPE html>
<meta charset="utf-8">
<style>
  html, body {
    height: 100%;
    margin: 0;
  }
  .wrapper {
    width: 800px;
    height: 800px;
    background: #f06;
  }
  #polygon {
    clip-path: polygon(0 0,
                       100px 50%,
                       200px 0,
                       300px 50%,
                       400px 0,
                       500px 50%,
                       600px 0,
                       700px 50%,
                       800px 0,
                       90% 100%,
                       50% 60%,
                       10% 100%);
  }
  #circle {
    clip-path: circle(25% at 30% 40%);
  }
  #ellipse {
    clip-path: ellipse(40% 30% at 25% 75%);
  }
  #inset {
    clip-path: inset(200px 100px 30% 15%);
  }
</style>
<div class="wrapper" id="polygon"></div>
<div class="wrapper" id="circle"></div>
<div class="wrapper" id="ellipse"></div>
<div class="wrapper" id="inset"></div>