Как сделать анимацию открытия ворот?

Question

[CrewCut]

Есть фотография ворот с прозрачным фоном. Нужно чтобы при нажатии на кнопку ворота открывались внутрь. Как я думаю, нужно разбить фото на две части - правую и левую + сделать анимацию. Вот вопрос - можно ли сделать такую штуку на чистом CSS3, если нет - то как на jQuery такое провернуть? Получается, что-то вроде изменения перспективы фотографии, или если фото принять за объект - изменение его позиции в трехмерном пространстве.

Answer 1

[CrewCut]

Может непонятно написал, но skewY мне не подошел.

Решил через rotateY(-60deg) translateZ(-2.2em), при этом у родительского элемента нужно задать perspective: 1000px;

Answer 2

[Александр Таратин]

skew

Comments

[CrewCut]

Спасибо большое :)
никак не мог найти подходящий эфект