css3 crossfade de imagem (sem javascript)

Tenho certeza de que é possível fazer um crossfade de imagem apenas em CSS usando os novos recursos de animação em CSS. Meus requisitos são que ele funcione para um número arbitrário de imagens sem javascrip

Alguém sabe como é feito?

Como estou começando:

img(src='img1.png')
img(src='img2.png')
img(src='img3.png')
img(src='img4.png')

Em seguida, todas as imagens são definidas para empilhar uma sobre a outra, com a primeira mostrando:

img
  opacity 0
  transition 1s
  position absolute

  &:first-child
    opacity 100

Agora, como passo por cada imagem?

Edit: Parece impossível. Requer javascript.