User:Bfdifan2006/Gradient
|
This template is intended to be moved into one of Bulbapedia's main content spaces. Be mindful that it is still part of a personal userspace. Any content changes should be brought up on the talk page for this template. |
|
This template is incomplete. Please feel free to edit this template to add missing information and complete it. Reason: Documentation |
If the examples do not show a color transition, but a monotonous red background, your browser cannot display gradients (see section Browser compatibility).
Browser compatibility
WARNING! Not all browsers support this template!
| Browser | Support for… | |
|---|---|---|
| …linear gradients | …radial gradients | |
| Google Chrome | all versions | 3+ |
| Internet Explorer | 9+ | 9+ |
| Mozilla Firefox | 3.6+ | 3.6+ |
| Opera | 11.10+ | planned |
| Safari | 4+ | 4+ |
Types
They're determined by the first parameter.
| First parameter | vertical | horizontal | diagonala | diagonalb | circle |
|---|---|---|---|---|---|
| Example |
Start and end colors
Second and third parameters determine the starting and ending colors.
WARNING! HTML color names are NOT supported.
| Second parameter → Third parameter ↓ |
F00 | FF0 | 0F0 | 0FF | 00F | F0F |
|---|---|---|---|---|---|---|
| F00 | ||||||
| FF0 | ||||||
| 0F0 | ||||||
| 0FF | ||||||
| 00F | ||||||
| F0F |