MyBB Community Forums

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?

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