Гуглом пользоваться не пробовали? nodeca.github.io/pica/demo
А вообще, если картинку выводить как бэкграунд, то можно задать CSS правило background-size: cover.
Ghena_29, чтобы элемент оставался с теми же значениями, которые были в последнем кадре, то надо вместо infinite указать 1 (проиграть анимацию один раз), а затем дописать forwards (это fill mode, говорящий, что элемент должен остаться таким, каким он был в последнем кадре)
Вы можете подключать core.js и module1.js не через скрипт, а импортировать их. К примеру есть файл index.js, в нем вы делаете
import Сore from 'core'
import Module from 'module1'
var core = new Core(new Module);
Файлы core.js и module1.js, в свою очередь, содержат
import $ from 'jquery'
....
И тогда, при использовании CommonChunksPlugin, вебпак вынесет jquery в отдельный бандл с именем, заданным в настройках этого плагина (обычно это vendor.[min].js)
Такого эффекта не добиться с помощью CSS трансформаций. Ибо сколько трансформаций к картинке не применяй, она все равно останется плоской. Очевидно, что там используется webgl. Причем такого эффекта, как на слайде с кратером можно добиться просто применив к картинке карту высот, таким образом она получается выпуклая. И то, вряд ли можно такой техникой добиться идеального результата. С облаками и лошадью, скорее всего, такой трюк уже не прокатит, слишком уж похоже на настоящий 3d объект, но вряд ли таковым является.
WarriorKodeK, я использовал поворот матрицы исключительно для облегчения задачи проверки столбцов, поскольку проверка столбцов "на порядок" сложнее проверки строк. Само собой, можно обойтись и без поворота матрицы.