Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(539)

Side by Side Diff: third_party/WebKit/LayoutTests/svg/transforms/transform-box-border-box.html

Issue 2786643003: Implement support for the 'transform-box' property (Closed)
Patch Set: Rebase; fix property spec; update histogram.xml Created 3 years, 8 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
(Empty)
1 <!DOCTYPE html>
2 <style>
3 svg {
4 background-color: red;
5 }
6 rect {
7 transform-box: view-box;
8 }
9 #target1 {
10 transform-origin: 25% 25%;
11 transform: scale(2);
12 }
13 #target2 {
14 transform: translate(50%, 0);
15 }
16 #target3 {
17 transform: translate(0, 50%);
18 }
19 #target4 {
20 transform-origin: 50% 50%;
21 transform: rotate(180deg);
22 }
23 </style>
24 <svg width="200" height="200">
25 <rect id="target1" x="25" y="25" width="50" height="50" fill="green"/>
26 <rect id="target2" width="100" height="100" fill="green"/>
27 <rect id="target3" width="100" height="100" fill="green"/>
28 <rect id="target4" width="100" height="100" fill="green"/>
29 </svg>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698