Я почти уверен, что можно сделать кроссфейд с использованием только CSS, используя новые функции анимации CSS. Мои требования заключаются в том, что он должен работать на произвольное количество изображений без JavaScript.

Кто-нибудь знает как это делается?

Как я начинаю:

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

Затем все изображения устанавливаются друг на друга, причем первое из них показывает:

img
  opacity 0
  transition 1s
  position absolute

  &:first-child
    opacity 100

Теперь, как мне пройти каждое изображение?

Редактировать: кажется невозможным. Требуется JavaScript.