1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/reftests/backgrounds/background-size-zoom-repeat-ref.html Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,60 @@
1.4 +<!DOCTYPE html>
1.5 +<html>
1.6 +<head>
1.7 + <title>background-size: 64px 40px; repeat, zoom reference</title>
1.8 + <style type="text/css">
1.9 +html
1.10 +{
1.11 + margin: 0;
1.12 + padding: 0;
1.13 +}
1.14 +body
1.15 +{
1.16 + margin: 0;
1.17 + padding: 20px;
1.18 +}
1.19 +#outer
1.20 +{
1.21 + width: 512px;
1.22 + height: 320px;
1.23 +}
1.24 + /*
1.25 + * PRE-ZOOM:
1.26 + * 2x size the image, then tile it 4x4 across the div; sampling artifacts at
1.27 + * 32px horizontal offset, then every 64px for the full height of the div.
1.28 + * POST-ZOOM:
1.29 + * 4x size the image, then tile it 4x4 across the div; sampling artifacts at
1.30 + * 64px horizontal offset, then every 128px for the full height of the div.
1.31 + */
1.32 +
1.33 +/* Aargh, sampling artifacts, we hates them, precioussss. */
1.34 +#outer > div
1.35 +{
1.36 + display: inline-block;
1.37 + width: 56px;
1.38 + height: 320px;
1.39 +}
1.40 +.blue
1.41 +{
1.42 + background: url(blue-16x20.png);
1.43 + border-right: 8px solid black;
1.44 +}
1.45 +.green
1.46 +{
1.47 + background: url(green-16x20.png);
1.48 + border-left: 8px solid black;
1.49 +}
1.50 + </style>
1.51 +</head>
1.52 +<body>
1.53 +<div id="outer"><div
1.54 + class="blue"></div><div
1.55 + class="green"></div><div
1.56 + class="blue"></div><div
1.57 + class="green"></div><div
1.58 + class="blue"></div><div
1.59 + class="green"></div><div
1.60 + class="blue"></div><div
1.61 + class="green"></div></div>
1.62 +</body>
1.63 +</html>
