Home Karmen For You Tuts Games xoxo updates Res Listed Credits LinkMe Cbox

H1,h2 h3 and so on gradient

want to learn how to use this new cool way. You will notice that my h1 and h2 and some links are two different colors all through my layout. Well there is two ways to it and you can eiter use a picture of some sort if you want to or you can use my way which is a cool way. use this code somewhere in your css style sheet anywhere where it says background.
background-image: linear-gradient(direction, color-stop1, color-stop2, ...);

Here is what mine looks like.
background-image: linear-gradient(red, yellow);

if you want to put the colors side ways you will use:
background-image: linear-gradient(to right, red , yellow);

if you want to use it from the bottom you would use this one:
background-image: linear-gradient(to bottom right, red, yellow);

An 80 degree:
background-image: linear-gradient(180deg, red, yellow);

use more then one color:
background-image: linear-gradient(red, yellow, green);

use more colors like 7 or 9 rainbow maybe:
background-image: linear-gradient(to right, red,orange,yellow,green,blue,indigo,violet);

Making it transparent:
background-image: linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1));

Repeating a linear-gradient:
background-image: repeating-linear-gradient(red, yellow 10%, green 20%);

If you guys have any questions let me know. Always remember to link back!!