Как реализуется скроллируемый фон в виде сетки из glyph иконок в CSS?

Question

[andreystrelkov]

На тостере порой хочешь одно спросить, но правила заголовка вопроса порой не позволяют спросит что хотелось
Видел сайты, где в качестве фона у блок это сетки из glyph иконок который плавно скролиррует по диагонали в бесконечный цикл.
Теперь упорно не могу найти пример такого сайта, как я понимаю там просто фоновое изображение с каким нибудь CSS3 трюком.
Кто знает, подскажите

Answer 1

[Юрий Лобанов]

Реализация фона у блока из иконок на CSS

Comments

[Юрий Лобанов]

@andreystrelkov оно или нет?

[andreystrelkov]

Ага, спасибо. Осталось понять как теперь заставить этот фон скроллировать

[Юрий Лобанов]

@andreystrelkov Вы хотите, чтобы он скроллировался по диагонали?

[andreystrelkov]

ага

[Юрий Лобанов]

@andreystrelkov ну без js тут никак.

[andreystrelkov]

а вроде в CSS3 всякие разные анимации появились?

[Юрий Лобанов]

@andreystrelkov Вам надо, чтобы он реагировал на мышь или чтобы постоянно двигался? Если второе — то да, можно обойтись css

[andreystrelkov]

второе =) т.е. страница загружаются а они там бегут где то =)

[Юрий Лобанов]

@andreystrelkov насколько хорошо Вы знаете css / html? В общем ничего сложного, Вам надо создать анимацию, при которой будет анимироваться background-position, подгадать значения так, чтобы она выглядела вечной и непрерывной. Сложности я вижу только в связи с поворотом бэкграунда. Так что или Вы создаете уже повернутый фон, или поворачиваете его потом и придется помучаться с подбором значений для анимации.
Я зарекся не писать на тостере много кода бесплатно, а только лишь подсказывать в каком направлении думать. Так как времени это отнимает много, а выхлоп нулевой, в данном вопросе для меня ничего интересного :) Так что без обид, дерзайте )

[andreystrelkov]

=) всё равно спасибо!