User:Mazu/Sandbox/2: Difference between revisions

From The Urban Dead Wiki
Jump to navigationJump to search
Line 8: Line 8:




<div style="background: -moz-linear-gradient(top, #28343b 0%, #828c95 36%, #b5bdc8 100%); padding:10px; overflow:hidden;">
<div style="{{Lgradient|left| #28343b 0%, #828c95 36%, #b5bdc8 100%}}; padding:10px;">




Line 15: Line 15:




<div style="background: -moz-linear-gradient(left, #28343b 0%, #828c95 36%, #b5bdc8 100%); padding:10px; overflow:hidden;">
<div style="{{Lgradient|left| #774000 0%, #976000 15%, #9F6808 30%, #AF7817 50%, #D7A03F 70%, #FFFFCC 100%}}; padding:10px;">




Line 22: Line 22:




<div style="background: -moz-linear-gradient(left, black 0%, grey 50%, white 100%); padding:10px; overflow:hidden;">
<div style="{{Lgradient|left| #DFDACE 0%,#EFEADE 50%,#F7F2E6 100%}} padding:10px">




Line 29: Line 29:




<div style="background: -moz-linear-gradient(left, #774000 0%, #976000 15%, #9F6808 30%, #AF7817 50%, #D7A03F 70%, #FFFFCC 100%); padding:10px; overflow:hidden;">
<div style="background-image:-moz-radial-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, .7), rgba(0, 0, 0, .4), rgba(0, 0, 0, .1), rgba(0, 0, 0, 0));background-image:-webkit-radial-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, .7), rgba(0, 0, 0, .4), rgba(0, 0, 0, .1), rgba(0, 0, 0, 0));">






</div>
<div style="background: -moz-linear-gradient(left,#DFDACE 0%,#EFEADE 50%,#F7F2E6 100%); padding:10px">




Line 43: Line 39:




<div style="background-image:-moz-radial-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, .7), rgba(0, 0, 0, .4), rgba(0, 0, 0, .1), rgba(0, 0, 0, 0));">
<div style="background-image:-moz-radial-gradient(circle closest-side, rgba(0, 0, 0, 1), rgba(0, 0, 0, .7), rgba(0, 0, 0, .4), rgba(0, 0, 0, .1), rgba(0, 0, 0, 0)); background-image:-webkit-radial-gradient(circle closest-side, rgba(0, 0, 0, 1), rgba(0, 0, 0, .7), rgba(0, 0, 0, .4), rgba(0, 0, 0, .1), rgba(0, 0, 0, 0));">




Line 53: Line 49:




<div style="background-image:-moz-radial-gradient(circle closest-side, rgba(0, 0, 0, 1), rgba(0, 0, 0, .7), rgba(0, 0, 0, .4), rgba(0, 0, 0, .1), rgba(0, 0, 0, 0));">
<div style="background-image:-moz-radial-gradient(circle farthest-side, rgba(0, 0, 0, 1), , rgba(0, 0, 0, .4), rgba(0, 0, 0, .1), rgba(0, 0, 0, 0)); background-image:-webkit-radial-gradient(circle farthest-side, rgba(0, 0, 0, 1), rgba(0, 0, 0, .7), rgba(0, 0, 0, .4), rgba(0, 0, 0, .1), rgba(0, 0, 0, 0));">
 




Line 63: Line 58:




<div style="background-image:-moz-radial-gradient(circle farthest-side, rgba(0, 0, 0, 1), rgba(0, 0, 0, .7), rgba(0, 0, 0, .4), rgba(0, 0, 0, .1), rgba(0, 0, 0, 0));">
<div style="background-image:-moz-radial-gradient(circle farthest-side, #000000, #B7B2A6,#EFEADE); background-image:-webkit-radial-gradient(circle farthest-side, #000000, #B7B2A6,#EFEADE)">
 
 
 
 
 
 
 
 
 
 
</div>


=Lgradient Template example=
=Lgradient Template example=

Revision as of 21:29, 28 June 2011

Gradient backgrounds




















Lgradient Template example