#caixa {
  width: 300px;
  height: 300px;
  background: url(../images/camera.png);
}

#caixa h1 {
  background: rgba(255, 255, 255, 0.5);
}

#caixa2 {
  width: 300px;
  height: 300px;
  /*Podemos utilizar o sentido do gradiente utilizando as posições to left,
  to right, to top e to bottom, ou utilizar angulos no formato XXXdeg */
  background: linear-gradient(45deg, red, blue, yellow);
}

#caixa2 h1 {
  /* background: rgba(255, 255, 255, 0.5); */
}

#caixa3 {
  width: 300px;
  height: 300px;
  background: radial-gradient(red, blue, yellow);
}