Desvanecimiento cruzado de varias imágenes en CSS - sin script (java)

¿Es posible cruzar 5 imágenes de fade en CSS, sin usar el script java? He encontrado una pregunta similar:imagen css3 crossfade (no javascript) Sin embargo, solo tiene el fragmento de código CSS; Lo intenté, pero no pude hacerlo funcionar. Soy nuevo en CSS, por lo que no puedo vincular el CSS mencionado en la página anterior a mi siguiente HTML:

  <div id= "crossfade">
     <img class = "cone" src = "1.png" alt = "png">
     <img class = "ctwo" src = "2.png" alt = "png">
     <img class = "cthree" src = "3.png" alt = "png">
     <img class = "cfour" src = "4.png" alt = "png">
     <img class = "cfive" src = "5.png" alt = "png">
  </div>

Respuestas a la pregunta(2)

Su respuesta a la pregunta