Template:Gradient: Difference between revisions

From the Super Mario Wiki, the Mario encyclopedia
Jump to navigationJump to search
mNo edit summary
mNo edit summary
 
Line 1: Line 1:
<includeonly>{{#if:{{{h|}}}|background-image:-ms-linear-gradient(left,{{{1|#FFFFFF}}} {{#if:{{{3|}}}|{{#expr:{{{3|0}}}*100}}%}},{{{2|#DCDCDC}}} {{#if:{{{4|}}}|{{#expr:{{{4|1}}}*100}}%}});background-image:-moz-linear-gradient(left,{{{1|#FFFFFF}}} {{#if:{{{3|}}}|{{#expr:{{{3|0}}}*100}}%}},{{{2|#DCDCDC}}} {{#if:{{{4|}}}|{{#expr:{{{4|1}}}*100}}%}});background-image:-o-linear-gradient(left,{{{1|#FFFFFF}}} {{#if:{{{3|}}}|{{#expr:{{{3|0}}}*100}}%}},{{{2|#DCDCDC}}} {{#if:{{{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}}} {{#if:{{{3|}}}|{{#expr:{{{3|0}}}*100}}%}},{{{2|#DCDCDC}}} {{#if:{{{4|}}}|{{#expr:{{{4|1}}}*100}}%}});background-image:linear-gradient(left,{{{1|#FFFFFF}}} {{#if:{{{3|}}}|{{#expr:{{{3|0}}}*100}}%}},{{{2|#DCDCDC}}} {{#if:{{{4|}}}|{{#expr:{{{4|1}}}*100}}%}})|background:-ms-linear-gradient(top,{{{1|#FFFFFF}}} {{#if:{{{3|}}}|{{#expr:{{{3|0}}}*100}}%}},{{{2|#DCDCDC}}} {{#if:{{{4|}}}|{{#expr:{{{4|1}}}*100}}%}});background:-moz-linear-gradient(top,{{{1|#FFFFFF}}} {{#if:{{{3|}}}|{{#expr:{{{3|0}}}*100}}%}},{{{2|#DCDCDC}}} {{#if:{{{4|}}}|{{#expr:{{{4|1}}}*100}}%}});background:-o-linear-gradient(top,{{{1|#FFFFFF}}} {{#if:{{{3|}}}|{{#expr:{{{3|0}}}*100}}%}},{{{2|#DCDCDC}}} {{#if:{{{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}}} {{#if:{{{3|}}}|{{#expr:{{{3|0}}}*100}}%}},{{{2|#DCDCDC}}} {{#if:{{{4|}}}|{{#expr:{{{4|1}}}*100}}%}});background:linear-gradient(top,{{{1|#FFFFFF}}} {{#if:{{{3|}}}|{{#expr:{{{3|0}}}*100}}%}},{{{2|#DCDCDC}}} {{#if:{{{4|}}}|{{#expr:{{{4|1}}}*100}}%}})}}</includeonly><noinclude>
<includeonly>{{#if:{{{h|}}}|background-image:-ms-linear-gradient(left,{{{1|#fff}}} {{#if:{{{3|}}}|{{#expr:{{{3|0}}}*100}}%}},{{{2|#dcdcdc}}} {{#if:{{{4|}}}|{{#expr:{{{4|1}}}*100}}%}});background-image:-moz-linear-gradient(left,{{{1|#fff}}} {{#if:{{{3|}}}|{{#expr:{{{3|0}}}*100}}%}},{{{2|#dcdcdc}}} {{#if:{{{4|}}}|{{#expr:{{{4|1}}}*100}}%}});background-image:-o-linear-gradient(left,{{{1|#fff}}} {{#if:{{{3|}}}|{{#expr:{{{3|0}}}*100}}%}},{{{2|#dcdcdc}}} {{#if:{{{4|}}}|{{#expr:{{{4|1}}}*100}}%}});background-image:-webkit-gradient(linear,left top,right top,color-stop({{{3|0}}},{{{1|#fff}}}),color-stop({{{4|1}}},{{{2|#dcdcdc}}}));background-image:-webkit-linear-gradient(left,{{{1|#fff}}} {{#if:{{{3|}}}|{{#expr:{{{3|0}}}*100}}%}},{{{2|#dcdcdc}}} {{#if:{{{4|}}}|{{#expr:{{{4|1}}}*100}}%}});background-image:linear-gradient(left,{{{1|#fff}}} {{#if:{{{3|}}}|{{#expr:{{{3|0}}}*100}}%}},{{{2|#dcdcdc}}} {{#if:{{{4|}}}|{{#expr:{{{4|1}}}*100}}%}})|background:-ms-linear-gradient(top,{{{1|#fff}}} {{#if:{{{3|}}}|{{#expr:{{{3|0}}}*100}}%}},{{{2|#dcdcdc}}} {{#if:{{{4|}}}|{{#expr:{{{4|1}}}*100}}%}});background:-moz-linear-gradient(top,{{{1|#fff}}} {{#if:{{{3|}}}|{{#expr:{{{3|0}}}*100}}%}},{{{2|#dcdcdc}}} {{#if:{{{4|}}}|{{#expr:{{{4|1}}}*100}}%}});background:-o-linear-gradient(top,{{{1|#fff}}} {{#if:{{{3|}}}|{{#expr:{{{3|0}}}*100}}%}},{{{2|#dcdcdc}}} {{#if:{{{4|}}}|{{#expr:{{{4|1}}}*100}}%}});background:-webkit-gradient(linear,left top,left bottom,color-stop({{{3|0}}},{{{1|#fff}}}),color-stop({{{4|1}}},{{{2|#dcdcdc}}}));background:-webkit-linear-gradient(top,{{{1|#fff}}} {{#if:{{{3|}}}|{{#expr:{{{3|0}}}*100}}%}},{{{2|#dcdcdc}}} {{#if:{{{4|}}}|{{#expr:{{{4|1}}}*100}}%}});background:linear-gradient(top,{{{1|#fff}}} {{#if:{{{3|}}}|{{#expr:{{{3|0}}}*100}}%}},{{{2|#dcdcdc}}} {{#if:{{{4|}}}|{{#expr:{{{4|1}}}*100}}%}})}}</includeonly><noinclude>
{|border=1 style=border-collapse:collapse cellpadding=3
{|border=1 style=border-collapse:collapse cellpadding=3
!Code
!Code

Latest revision as of 10:26, June 6, 2024

Code Result Example
1=#RRGGBB First color-stop. 1=#00FF00
2=#RRGGBB Second color-stop. 2=#8CA1FF
3=0.0-1.0 (optional) First color-stop's start point. 3=0.35
4=0.0-1.0 (optional) Second color-stop's start point. 4=0.8
h=1 (optional) Defines horizontal gradient. h=1