Анимация прелоадера на чистом CSS

Прелоадер - это, как правило, картинка в которой циклически происходит смена кадров создавая какой-то простой анимационный эффект. А что если мы попробуем вместо картинки использовать только стили (CSS) для нашей верстки?

Данные примеры я нашел у alexriz. Покрутить код можно в песочнице jsfiddle.net
Основаны примеры на CSS свойстве box-shadow

Анимация слева направа

Анимация слева направа - справа налева

Анимация по пятиугольнику