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.