User:Mazu/Sandbox/2: Difference between revisions
From The Urban Dead Wiki
Jump to navigationJump to search
| (2 intermediate revisions by the same user not shown) | |||
| Line 8: | Line 8: | ||
<div style=" | <div style="{{Lgradient|left| #28343b 0%, #828c95 36%, #b5bdc8 100%}}; padding:10px;"> | ||
| Line 15: | Line 15: | ||
<div style=" | <div style="{{Lgradient|left| #774000 0%, #976000 15%, #9F6808 30%, #AF7817 50%, #D7A03F 70%, #FFFFCC 100%}}; padding:10px;"> | ||
| Line 22: | Line 22: | ||
<div style=" | <div style="{{Lgradient|left| #DFDACE 0%,#EFEADE 50%,#F7F2E6 100%}} padding:10px"> | ||
| Line 29: | Line 29: | ||
<div style="background: -moz- | <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));"> | ||
| Line 36: | Line 39: | ||
<div style="background: -moz- | <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 43: | Line 49: | ||
<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 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 53: | Line 58: | ||
<div style="background-image:-moz-radial-gradient(circle | <div style="background-image:-moz-radial-gradient(circle farthest-side, #000000, #B7B2A6,#EFEADE); background-image:-webkit-radial-gradient(circle farthest-side, #000000, #B7B2A6,#EFEADE)"> | ||
| Line 59: | Line 64: | ||
</div> | |||
=Lgradient Template example= | |||
<div style="{{Lgradient|left|#000000 0%,#EFEADE 50%,#F7F2E6 100%}} padding:10px"> | |||
</div> | |||
<div style="background-image: -moz-linear-gradient(left,#000000 0%,#EFEADE 50%,#F7F2E6 100%); background-image: -webkit-linear-gradient(left,#000000 0%,#EFEADE 50%,#F7F2E6 100%); background-image: -o-linear-gradient(left,#000000 0%,#EFEADE 50%,#F7F2E6 100%); background-image: -ms-linear-gradient(left,#000000 0%,#EFEADE 50%,#F7F2E6 100%); background-image: linear-gradient(left,#000000 0%,#EFEADE 50%,#F7F2E6 100%); padding:10px"> | |||
| Line 76: | Line 84: | ||
</div> | </div> | ||
| Line 84: | Line 90: | ||
< | |||
linear-gradient([ [ [ <angle> | to [top | bottom] || [left | right] ],]? <color-stop>[, <color-stop>]+); | |||
Latest revision as of 21:24, 21 June 2012
Gradient backgrounds
Lgradient Template example
linear-gradient([ [ [ <angle> | to [top | bottom] || [left | right] ],]? <color-stop>[, <color-stop>]+);
