MyBB Community Forums
Two colors and some questions - Printable Version

+- MyBB Community Forums (https://community.mybb.com)
+-- Forum: Extensions (https://community.mybb.com/forum-201.html)
+--- Forum: Themes (https://community.mybb.com/forum-103.html)
+---- Forum: Theme Support (https://community.mybb.com/forum-10.html)
+---- Thread: Two colors and some questions (/thread-105789.html)



Two colors and some questions - GonickPT - 2011-10-13

How do I make a gradient bar?
Is it possible?

I saw this in the Mozilla FireFox Home page (about:home)
}
#contentContainer {
    background-image: -moz-radial-gradient(center top , ellipse farthest-side, rgba(16, 83, 130, 0.5), rgba(16, 83, 130, 0) 75%), -moz-radial-gradient(center top , ellipse farthest-side, rgba(180, 218, 244, 0.5), rgba(180, 218, 244, 0)), -moz-radial-gradient(center top , ellipse farthest-side, rgba(180, 218, 244, 0.3), rgba(180, 218, 244, 0));
    background-repeat: no-repeat;
    background-size: 100% 5px, 100% 50px, 100% 100%;
    height: 30%;
}

Is it possible to add Shapes? the % means transparency or something else?


RE: Two colors and some questions - kavin - 2011-10-14

http://www.colorzilla.com/gradient-editor/


RE: Two colors and some questions - crazy4cs - 2011-10-14

Use rgba color properties to create gradients, you can also add transparent gradients via rgba.