Template:Linear-gradient/testcases
 | 这是Template:Linear-gradient及其沙盒的测试样例。刷新本页以更新内容。 如果这里有许多复杂的模板的用例，可能会因为MediaWiki的技术限制而出错。 您还可以用Special:展开模板来测试模板的使用效果。 您可以通过以下链接测试本模板在不同皮肤下的效果： |
Horizontal
[编辑]{{linear-gradient/sandbox|left|#ffdddd, #ddddff}}
Output: background-image: -moz-linear-gradient(left, #ffdddd, #ddddff); background-image: -ms-linear-gradient(left, #ffdddd, #ddddff); background-image: -o-linear-gradient(left, #ffdddd, #ddddff); background-image: -webkit-linear-gradient(left, #ffdddd, #ddddff);
With color-stop
[编辑]{{linear-gradient/sandbox|left|#ffdddd, #ddffdd 50%, #ddddff}}
Output: background-image: -moz-linear-gradient(left, #ffdddd, #ddffdd 50%, #ddddff); background-image: -ms-linear-gradient(left, #ffdddd, #ddffdd 50%, #ddddff); background-image: -o-linear-gradient(left, #ffdddd, #ddffdd 50%, #ddddff); background-image: -webkit-linear-gradient(left, #ffdddd, #ddffdd 50%, #ddddff);
Vertical
[编辑]{{linear-gradient/sandbox|top|#ffdddd, #ddddff}}
Output: background-image: -moz-linear-gradient(top, #ffdddd, #ddddff); background-image: -ms-linear-gradient(top, #ffdddd, #ddddff); background-image: -o-linear-gradient(top, #ffdddd, #ddddff); background-image: -webkit-linear-gradient(top, #ffdddd, #ddddff);
Diagonal
[编辑]{{linear-gradient/sandbox|top left|#ffdddd, #ddddff}}
Output: background-image: -moz-linear-gradient(top left, #ffdddd, #ddddff); background-image: -ms-linear-gradient(top left, #ffdddd, #ddddff); background-image: -o-linear-gradient(top left, #ffdddd, #ddddff); background-image: -webkit-linear-gradient(top left, #ffdddd, #ddddff);
Reverse
[编辑]{{linear-gradient/sandbox|right|#ffdddd, #ddddff}}
Output: background-image: -moz-linear-gradient(right, #ffdddd, #ddddff); background-image: -ms-linear-gradient(right, #ffdddd, #ddddff); background-image: -o-linear-gradient(right, #ffdddd, #ddddff); background-image: -webkit-linear-gradient(right, #ffdddd, #ddddff);
{{linear-gradient/sandbox|bottom|#ffdddd, #ddddff}}
Output: background-image: -moz-linear-gradient(bottom, #ffdddd, #ddddff); background-image: -ms-linear-gradient(bottom, #ffdddd, #ddddff); background-image: -o-linear-gradient(bottom, #ffdddd, #ddddff); background-image: -webkit-linear-gradient(bottom, #ffdddd, #ddddff);
Navbox
[编辑]Border-radius
[编辑]Ambox
[编辑] |
 |
 |
 |