layout/reftests/w3c-css/submitted/values3/calc-transform-origin-1.html

Thu, 22 Jan 2015 13:21:57 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Thu, 22 Jan 2015 13:21:57 +0100
branch
TOR_BUG_9701
changeset 15
b8a032363ba2
permissions
-rw-r--r--

Incorporate requested changes from Mozilla in review:
https://bugzilla.mozilla.org/show_bug.cgi?id=1123480#c6

     1 <!DOCTYPE HTML>
     2 <html>
     3 <head>
     4   <title>CSS Test: Test for calc() on transform-origin</title>
     5   <link rel="author" title="L. David Baron" href="https://bugzilla.mozilla.org/show_bug.cgi?id=594934">
     6   <link rel="help" href="http://www.w3.org/TR/css3-values/#calc-notation">
     7   <meta name="flags" content="">
     8 <style type="text/css">
    10 body { margin: 100px }
    12 p {
    13     height: 50px; width: 200px;
    14     background: yellow;
    15     transform: rotate(15deg);
    16 }
    18 #one { transform-origin: calc(50px + 50%) calc(100% - 30px); }
    19 #two { transform-origin: calc(-12.5% + 3px) calc(-10px - 50%); }
    21 </style>
    22 </head>
    23 <body>
    24 <p id="one">hello</p>
    25 <p id="two">hello</p>
    26 </body>
    27 </html>

mercurial