Sjabloon:Linear-gradient/testcases: verschil tussen versies
(Nieuwe pagina aangemaakt met '__NEWSECTIONLINK__ {{template testcases notice}} ==Horizontal== {{tlx|linear-gradient/sandbox|left|#ffdddd, #ddddff}}<br /> Output: <tt>{{linear-gradient/sandbox|l...') |
(geen verschil)
|
Huidige versie van 17 jul 2013 om 21:21
42px | This is the template test case page for the sandbox of Sjabloon:Linear-gradient. to update the examples. If there are many examples of a complicated template, later ones may break due to limits in MediaWiki, see the HTML comment "NewPP limit report" in the rendered page. You can also use Special:ExpandTemplates to examine the results of template uses. You can test how this page looks in the different skins with these links: |
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); background-image: 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); background-image: 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); background-image: 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); background-image: 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); background-image: 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); background-image: linear-gradient(bottom, #ffdddd, #ddddff);
{{#invoke: Navbox | navbox }}
Border-radius
{{#invoke: Navbox | navbox }}
Ambox
![]() |
{{{text}}} |
{{{text}}} |
{{{text}}} |
{{{text}}} |