Template:Gradlinear

background:-webkit-linear-gradient({{{1}}},{{{2}}});background:-o-linear-gradient({{{1}}},{{{2}}});background:-moz-linear-gradient({{{1}}},{{{2}}});background:linear-gradient({{{1}}},{{{2}}});

Example

<div style="{{gradlinear|gray|white}}height:100px;width:100px;">DEFAULT</div>
<div style="{{gradlinear|gray|white|to=right}}height:100px;width:100px;">LEFT TO RIGHT</div>
<div style="{{gradlinear|gray|white|to=left}}height:100px;width:100px;">RIGHT TO LEFT</div>
<div style="{{gradlinear|gray|white|to=bottom}}height:100px;width:100px;">TOP TO BOTTOM</div>
<div style="{{gradlinear|gray|white|to=top}}height:100px;width:100px;">BOTTOM TO TOP</div>

Output

DEFAULT

LEFT TO RIGHT

RIGHT TO LEFT

TOP TO BOTTOM

BOTTOM TO TOP