body
{
  margin:15px;
}
.lineartest
{
 background: linear-gradient(red,orange,yellow);
   height: 250px;
   width:250px;
   }
#toleft
{
  background: linear-gradient(to left,red,orange,yellow);
   height: 250px;
   width:250px;
}
#radialgrad
{
  background: radial-gradient(green,yellow);
   height: 250px;
   width:250px;
}
#bottomleft
{
 background: radial-gradient(at bottom left, teal, pink);
   height: 250px;
   width:250px;
}
#ellipes
{
  background: radial-gradient(at bottom left, teal, pink);
   height: 250px;
   width:250px; 
}
#ellipesleft
{
  background: radial-gradient(ellipes at left, navy,skyblue);
}