MikeInToshx
2014-10-02, 11:25 AM
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.
Cheers.
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 */
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.
Cheers.
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 */