Template:Gradient: Difference between revisions

From the Super Mario Wiki, the Mario encyclopedia
Jump to navigationJump to search
(+horizontal)
(adjustable)
Line 1: Line 1:
{{#if:{{{h|}}}|background-image:-ms-linear-gradient(left,{{{1|#FFFFFF}}} 0%,{{{2|#DCDCDC}}} 100%);background-image:-moz-linear-gradient(left,{{{1|#FFFFFF}}} 0%,{{{2|#DCDCDC}}} 100%);background-image:-o-linear-gradient(left,{{{1|#FFFFFF}}} 0%,{{{2|#DCDCDC}}} 100%);background-image:-webkit-gradient(linear,left top,right top,color-stop(0,{{{1|#FFFFFF}}}),color-stop(1,{{{2|#DCDCDC}}}));background-image:-webkit-linear-gradient(left,{{{1|#FFFFFF}}} 0%,{{{2|#DCDCDC}}} 100%);background-image:linear-gradient(left,{{{1|#FFFFFF}}} 0%,{{{2|#DCDCDC}}} 100%)|background:-ms-linear-gradient(top,{{{1|#FFFFFF}}} 0%,{{{2|#DCDCDC}}} 100%);background:-moz-linear-gradient(top,{{{1|#FFFFFF}}} 0%,{{{2|#DCDCDC}}} 100%);background:-o-linear-gradient(top,{{{1|#FFFFFF}}} 0%,{{{2|#DCDCDC}}} 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,{{{1|#FFFFFF}}}),color-stop(1,{{{2|#DCDCDC}}}));background:-webkit-linear-gradient(top,{{{1|#FFFFFF}}} 0%,{{{2|#DCDCDC}}} 100%);background:linear-gradient(top,{{{1|#FFFFFF}}} 0%,{{{2|#DCDCDC}}} 100%)}}<noinclude>
{{#if:{{{h|}}}|background-image:-ms-linear-gradient(left,{{{1|#FFFFFF}}} {{{3|0%}}},{{{2|#DCDCDC}}} {{{4|100%}}});background-image:-moz-linear-gradient(left,{{{1|#FFFFFF}}} {{{3|0%}}},{{{2|#DCDCDC}}} {{{4|100%}}});background-image:-o-linear-gradient(left,{{{1|#FFFFFF}}} {{{3|0%}}},{{{2|#DCDCDC}}} {{{4|100%}}});background-image:-webkit-gradient(linear,left top,right top,color-stop(0,{{{1|#FFFFFF}}}),color-stop(1,{{{2|#DCDCDC}}}));background-image:-webkit-linear-gradient(left,{{{1|#FFFFFF}}} {{{3|0%}}},{{{2|#DCDCDC}}} {{{4|100%}}});background-image:linear-gradient(left,{{{1|#FFFFFF}}} {{{3|0%}}},{{{2|#DCDCDC}}} {{{4|100%}}})|background:-ms-linear-gradient(top,{{{1|#FFFFFF}}} {{{3|0%}}},{{{2|#DCDCDC}}} {{{4|100%}}});background:-moz-linear-gradient(top,{{{1|#FFFFFF}}} {{{3|0%}}},{{{2|#DCDCDC}}} {{{4|100%}}});background:-o-linear-gradient(top,{{{1|#FFFFFF}}} {{{3|0%}}},{{{2|#DCDCDC}}} {{{4|100%}}});background:-webkit-gradient(linear,left top,left bottom,color-stop(0,{{{1|#FFFFFF}}}),color-stop(1,{{{2|#DCDCDC}}}));background:-webkit-linear-gradient(top,{{{1|#FFFFFF}}} {{{3|0%}}},{{{2|#DCDCDC}}} {{{4|100%}}});background:linear-gradient(top,{{{1|#FFFFFF}}} {{{3|0%}}},{{{2|#DCDCDC}}} {{{4|100%}}})}}<noinclude>
----
----
Add "<code>|h=1</code>" to make horizontal gradient.</noinclude>
Add "<code>|h=1</code>" to make horizontal gradient.</noinclude>

Revision as of 14:27, July 22, 2011

background:-ms-linear-gradient(top,#FFFFFF 0%,#DCDCDC 100%);background:-moz-linear-gradient(top,#FFFFFF 0%,#DCDCDC 100%);background:-o-linear-gradient(top,#FFFFFF 0%,#DCDCDC 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#FFFFFF),color-stop(1,#DCDCDC));background:-webkit-linear-gradient(top,#FFFFFF 0%,#DCDCDC 100%);background:linear-gradient(top,#FFFFFF 0%,#DCDCDC 100%)


Add "|h=1" to make horizontal gradient.