Mobile app version of vmapp.org
Login or Join
BetL875

: Having trouble making a CSS3 background I wanted to make a rather simple double-CSS3 gradient background, which would look like the one in use on my website now. I can't, however, conjure up

@BetL875

Posted in: #Background #Css

I wanted to make a rather simple double-CSS3 gradient background, which would look like the one in use on my website now. I can't, however, conjure up the code to get both gradients working at once. Can anyone help me?
The background image: theapplenewsreel.com/Photos/background-main.jpg Once you see it, you'll understand why I want to get rid of the image. Banding on the gradients, plus the 715kb size, make for a cumbersome file.

10.02% popularity Vote Up Vote Down


Login to follow query

More posts by @BetL875

2 Comments

Sorted by latest first Latest Oldest Best

 

@Tiffany317

Alright, I figured out how to do that: I made a 100% height 1000px width container , and set the background to a CSS gradient generated by that gradient generator you suggested.

10% popularity Vote Up Vote Down


 

@Nimeshi706

You might try here: Ultimate CSS Gradient Genrator

background: #2c2c2c ;
background: -moz-linear-gradient(top, #2c2c2c 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c2c2c), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top, #2c2c2c 0%,#ffffff 100%);
background: -o-linear-gradient(top, #2c2c2c 0%,#ffffff 100%);
background: -ms-linear-gradient(top, #2c2c2c 0%,#ffffff 100%);
background: linear-gradient(top, #2c2c2c 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c2c2c', endColorstr='#ffffff',GradientType=0 );

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme