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

Side by Side Diff: LayoutTests/css3/masking/mask-repeat-round-auto1-expected.html

Issue 24066007: Mask/background-repeat: round should round the number of tiles of an image to the nearest natural n… (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Rebase 2 Created 7 years, 3 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
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html lang="en"> 2 <html lang="en">
3 <head> 3 <head>
4 <style> 4 <style>
5 #back { 5 #back {
6 width: 1000px; 6 width: 1000px;
7 height: 600px; 7 height: 600px;
8 background-color: green; 8 background-color: green;
9 } 9 }
10 #front { 10 #front {
11 width: 800px; 11 width: 800px;
12 height: 400px; 12 height: 400px;
13 background-color: red; 13 background-color: red;
14 border: 50px solid blue; 14 border: 50px solid blue;
15 padding: 50px; 15 padding: 50px;
16 -webkit-mask-image: url(resources/circle.png); 16 -webkit-mask-image: url(resources/circle.png);
17 -webkit-mask-size: 100px 79px; 17 -webkit-mask-size: 111px 88px;
18 -webkit-mask-repeat: repeat; 18 -webkit-mask-repeat: repeat;
19 -webkit-mask-origin: border-box; 19 -webkit-mask-origin: border-box;
20 -webkit-mask-clip: border-box; 20 -webkit-mask-clip: border-box;
21 } 21 }
22 </style> 22 </style>
23 </head> 23 </head>
24 24
25 <body> 25 <body>
26 <div id="back"> 26 <div id="back">
27 <div id="front" /> 27 <div id="front" />
28 </div> 28 </div>
29 </body> 29 </body>
30 </html> 30 </html>
31 31
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698