Анимация джина JavaScript?

Не знаю. Эффект «джинна» - это искажение, которого нельзя добиться с помощью CSS: преобразования CSS (включая матричный фильтр IE) позволяют изменять размер по обеим осям, вращать и сдвигать. WebKit дополнительно дает вам линейные перспективы. Пышные искажения вроде джинна невозможно воспроизвести с помощью этих инструментов.

Чтобы сделать это в JavaScript, вам нужно разделить изображение (или другой элемент, если вы действительно амбициозны) на одну строку на пиксель и раздавить по горизонтали с помощью преобразования CSS. Это было бы ужасно неэффективно для рендеринга и, вероятно, выглядело бы рывками и мерцанием, а также с неприятными искажениями.