Differences
This shows you the differences between two versions of the page.
Both sides previous revisionPrevious revisionNext revision | Previous revisionNext revisionBoth sides next revision |
ideas:radial-gradient-readability [2011/11/30 08:57] – update to Latest Proposal fantasai | ideas:radial-gradient-readability [2011/11/30 09:00] – [Latest Proposal] fantasai |
---|
* for CSS4: ''radial-gradient([ <extent> || <shape> ] at <position> [from <position> | from-offset <length>{1,2}], <colors>)'' | * for CSS4: ''radial-gradient([ <extent> || <shape> ] at <position> [from <position> | from-offset <length>{1,2}], <colors>)'' |
| |
Here ''<extent>'' is either a ''farthest/closest-side/corner'' keyword or an explicit ''<length>{1,2}''. Everything is optional. | Here ''<extent>'' is either a ''farthest/closest-side/corner'' keyword or an explicit ''<length>{1,2}''. Example: ''radial-gradient(5em circle at 10% 15%, white, black)'' |
| |
Quick Example: ''radial-gradient(5em circle at bottom right, white, black)'' | Everything is optional except the colors. Examples: ''radial-gradient(5em, white, black)'', ''radial-gradient(circle, white, black)'', ''radial-gradient(at top left, white, black)'', ''radial-gradient(white, black)''. |
| |
Because the default size is ''cover'', this means: | Because the default size is ''cover'', this means: |