Как сделать эффект движения картинки?

Question

[tazaryoot]

Подскажите, пожалуйста, как сделать такой эффект анимации картинки как здесь romankozhiev.ru ? Есть ли готовые решения?

Answer 1

[Никита Егоров]

Просто скопированный код с того сайта.

Comments

[Максим]

только на том сайте нету артефактов .. .

[crdrads]

Максим Ленский, бред пишешь

[Максим]

crdrads, какой бред если картинка как бы сверкает ...блюрится ...
toster не принимает такую gif размером - смотри сам : https://cloud.mail.ru/public/AnVc/NU5DUvPQP

[AngReload]

Максим Ленский, зависит от размеров, если открыть во всю страницу, то алиасинг пропадает.
fiddle.jshell.net/5Lp7ao30/show/light

[Максим]

AngReload, у меня в хроме в винде есть на полном экране блюр этот

[AngReload]

Максим Ленский, термины: блюр - это размытие (здесь его нет), алиасинг - артефакт изменения размеров изображения.
На том сайте, если присмотреться, то вы увидите тот же самый алиасинг на решетке. Браузеры всегда так расайзят картинки, но тут встретились вместе проблемное изображение и анимация изменения размеров - вот и видно стало. Исправить наверное можно только с помощью WebGL'a.

Дополнение: попробуйте открыть тот сайт и сильно уменьшить до минимума окно браузера, но так что бы было видно этот решетчатый столик. Другие изображения там так же страдают в этих условиях. Firefox ресайзит гораздо лучше чем хром.

[Максим]

AngReload, я понимаю Но это просто термин и всё

Answer 2

[Василий Васильев]

Обычная цсс анимашка
jsfiddle.net/5pVr4/4

Answer 3

[vanchic]

А как убрать полосы прокрутки? онивсегда появляються чтобы не делал