mirror of
https://github.com/servo/servo.git
synced 2025-06-23 16:44:33 +01:00
26 lines
941 B
HTML
26 lines
941 B
HTML
<!DOCTYPE html>
|
|
<title>CSS Masking: mask-repeat:round repeat;</title>
|
|
<link rel="author" title="Li Jun" href="mailto:64835173@qq.com">
|
|
<link rel="reviewer" title="Dirk Schulze" href="mailto:dschulze@adobe.com"><!-- 11-09-2013 @TestTWF Shenzhen -->
|
|
<link rel="help" href="http://www.w3.org/TR/css-masking-1/#the-mask-repeat">
|
|
<link rel="match" href="test-mask-ref.html">
|
|
<meta name="assert" content="Test checks that the mask-repeart value "round" is working properly: it should scale to fit the whole area.">
|
|
<style>
|
|
.test {
|
|
width:200px;
|
|
height:200px;
|
|
white-space:normal;
|
|
background:blue;
|
|
mask-image:radial-gradient(black, black);
|
|
mask-repeat:round;
|
|
mask-size:100px 100px;
|
|
mask-box-image:none;
|
|
mask-origin:border;
|
|
};
|
|
</style>
|
|
<body>
|
|
<p>Test passes if there is a blue square and no red.</p>
|
|
<div style="width: 200px; height:200px; position: fixed; background-color:red;"></div>
|
|
<div class="test"></div>
|
|
</body>
|
|
</html>
|