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