MyBB Community Forums

Full Version: Gradient background
You're currently viewing a stripped down version of our content. View the full version with proper formatting.


Hi guys,

I wonder what the correct way is to create a gradient as a background. I assume that if u greate a 1x800px image and u repeat this, it wouldn't work because a forum can be higher than lets say 1920px ( height ), and then the image would start over and ruin the gradient.


Nevermind, I found out how to do it efficiently. Use css to do it.

Like so:

background: -webkit-linear-gradient(left top, #2A669D , #A0CBE2); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(bottom right, #2A669D, #A0CBE2); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(bottom right, #2A669D, #A0CBE2); /* For Firefox 3.6 to 15 */
background: linear-gradient(to bottom right, #2A669D , #A0CBE2); /* Standard syntax */