Template:Gradient: Difference between revisions
(adjustable) |
mNo edit summary |
||
| Line 1: | Line 1: | ||
{{#if:{{{h|}}}|background-image:-ms-linear-gradient(left,{{{1|#FFFFFF}}} {{{3|0 | {{#if:{{{h|}}}|background-image:-ms-linear-gradient(left,{{{1|#FFFFFF}}} {{{3|{{#expr:{{{3|0}}}*100}}%,{{{2|#DCDCDC}}} {{{4|{{#expr:{{{4|1}}}*100}}%);background-image:-moz-linear-gradient(left,{{{1|#FFFFFF}}} {{{3|{{#expr:{{{3|0}}}*100}}%,{{{2|#DCDCDC}}} {{{4|{{#expr:{{{4|1}}}*100}}%);background-image:-o-linear-gradient(left,{{{1|#FFFFFF}}} {{{3|{{#expr:{{{3|0}}}*100}}%,{{{2|#DCDCDC}}} {{{4|{{#expr:{{{4|1}}}*100}}%);background-image:-webkit-gradient(linear,left top,right top,color-stop({{{3|0}}},{{{1|#FFFFFF}}}),color-stop({{{4|1}}},{{{2|#DCDCDC}}}));background-image:-webkit-linear-gradient(left,{{{1|#FFFFFF}}} {{{3|{{#expr:{{{3|0}}}*100}}%,{{{2|#DCDCDC}}} {{{4|{{#expr:{{{4|1}}}*100}}%);background-image:linear-gradient(left,{{{1|#FFFFFF}}} {{{3|{{#expr:{{{3|0}}}*100}}%,{{{2|#DCDCDC}}} {{{4|{{#expr:{{{4|1}}}*100}}%)|background:-ms-linear-gradient(top,{{{1|#FFFFFF}}} {{{3|{{#expr:{{{3|0}}}*100}}%,{{{2|#DCDCDC}}} {{{4|{{#expr:{{{4|1}}}*100}}%);background:-moz-linear-gradient(top,{{{1|#FFFFFF}}} {{{3|{{#expr:{{{3|0}}}*100}}%,{{{2|#DCDCDC}}} {{{4|{{#expr:{{{4|1}}}*100}}%);background:-o-linear-gradient(top,{{{1|#FFFFFF}}} {{{3|{{#expr:{{{3|0}}}*100}}%,{{{2|#DCDCDC}}} {{{4|{{#expr:{{{4|1}}}*100}}%);background:-webkit-gradient(linear,left top,left bottom,color-stop({{{3|0}}},{{{1|#FFFFFF}}}),color-stop({{{4|1}}},{{{2|#DCDCDC}}}));background:-webkit-linear-gradient(top,{{{1|#FFFFFF}}} {{{3|{{#expr:{{{3|0}}}*100}}%,{{{2|#DCDCDC}}} {{{4|{{#expr:{{{4|1}}}*100}}%);background:linear-gradient(top,{{{1|#FFFFFF}}} {{{3|{{#expr:{{{3|0}}}*100}}%,{{{2|#DCDCDC}}} {{{4|{{#expr:{{{4|1}}}*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:33, July 22, 2011
{{#if:|background-image:-ms-linear-gradient(left,#FFFFFF {{{3|0%,#DCDCDC {{{4|100%);background-image:-moz-linear-gradient(left,#FFFFFF {{{3|0%,#DCDCDC {{{4|100%);background-image:-o-linear-gradient(left,#FFFFFF {{{3|0%,#DCDCDC {{{4|100%);background-image:-webkit-gradient(linear,left top,right top,color-stop(0,#FFFFFF),color-stop(1,#DCDCDC));background-image:-webkit-linear-gradient(left,#FFFFFF {{{3|0%,#DCDCDC {{{4|100%);background-image:linear-gradient(left,#FFFFFF {{{3|0%,#DCDCDC {{{4|100%)|background:-ms-linear-gradient(top,#FFFFFF {{{3|0%,#DCDCDC {{{4|100%);background:-moz-linear-gradient(top,#FFFFFF {{{3|0%,#DCDCDC {{{4|100%);background:-o-linear-gradient(top,#FFFFFF {{{3|0%,#DCDCDC {{{4|100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#FFFFFF),color-stop(1,#DCDCDC));background:-webkit-linear-gradient(top,#FFFFFF {{{3|0%,#DCDCDC {{{4|100%);background:linear-gradient(top,#FFFFFF {{{3|0%,#DCDCDC {Template:4
Add "|h=1" to make horizontal gradient.
