Community Central
Community Central
Forums: Index Support Requests 2 Colors background
Fandom's forums are a place for the community to help other members.
To contact staff directly or to report bugs, please use Special:Contact.
Archive
Note: This topic has been unedited for 4776 days. It is considered archived - the discussion is over. Information in this thread may be out of date. Do not add to unless it really needs a response.


Hello,

I was wondering if it i possible to make a background that starts with 1 color, and gradually turns into another color. For instance, if i have a background that its color value is 0f5cb4, like this one:

{| style="background:#0f5cb4; border: #2e47aa solid 5px; width: 92%"

But i want the background to start with the same color value i used in this example, i want it to end with #4b9df9. Is there a way of doind this? I wanted to make a unique template using this kind of background, but i had no idea if it's possible.

Thank you for your attention,

Penguin-Pal (talk) 18:12, May 17, 2012 (UTC)

Hi, you can do what you want with the use of CSS3 gradients. Here's a link to an online gradient generator that will help you with the process. Regards --Noemon *talk* 18:20, May 17, 2012 (UTC)
Oh thank you so much! Penguin-Pal (talk) 18:24, May 17, 2012 (UTC)
Keep in mind that CSS gradients only work in some browsers. I recommend using a very tall and thin or very wide and short repeating gradient image instead. --Gardimuer { ʈalk } 19:15, May 17, 2012 (UTC)
Provided he/she uses the vendor prefixes, CSS gradients are supported by all major browsers released in the last 6-12 months, except for IE. Of course, if you can generate and use gradient graphics files, then uniformity is pretty much guaranteed between browsers. Keep in mind, Penguin-Pal, in case you opt for CSS gradients, it's good practice to always have a simple background color behind the gradient, so that there is something displayed in case gradients are not supported. --Noemon *talk* 20:58, May 17, 2012 (UTC)