A029G14

Gradient Backgrounds

Div One

#red
{
background-image: linear-gradient(red, orange, yellow);
}


Div Two

#blue
{
background-image:linear-gradient(to right, blue, cyan);
}


Div Three

#rainbow
{
background-image: linear-gradient(red, orange, yellow, green, blue, purple);
}


Div Four

#angle1
{
background-image: linear-gradient(40deg, blue, cyan, purple, cyan, blue);
}


Div Five

#angle2
{
background-image: linear-gradient(-20deg, black, orange, black, orange, black);
}


Div Six

#radial1
{
background-image:radial-gradient(at top left, pink, blue);
}


Div Seven

#radial2
{
border-radius:50%;
background-image: radial-gradient(tan, red);
}


Email me at:Mguti-s163@chusd.org