Вы гиперболизируете. При среднестатистическом разрешении JS создает ~ 10 элементов, все остальное — CSS3. В голове есть идеи, которые можно реализовать опираясь на данный пример. Все зависит от графики. Понадобиться мне, может понадобиться и другим.
Если я правильно понял из заголовка способ кроссбраузерный, но у меня почему-то в ie и в опере пример не работает. Точнее в опере через раз и не полностью, а только первые три полосы.
А так мне пример понравился, вполне может пригодиться ^_^ Спасибо.
Кроссбраузерная реверсивная анимация фона на CSS3