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

Wed, 31 Dec 2014 07:22:50 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Wed, 31 Dec 2014 07:22:50 +0100
branch
TOR_BUG_3246
changeset 4
fc2d59ddac77
permissions
-rw-r--r--

Correct previous dual key logic pending first delivery installment.

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

mercurial