Задать вопрос
CrewCut
@CrewCut
Коплю силы на переезд в тропики
javascript

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

Есть фотография ворот с прозрачным фоном. Нужно чтобы при нажатии на кнопку ворота открывались внутрь. Как я думаю, нужно разбить фото на две части - правую и левую + сделать анимацию. Вот вопрос - можно ли сделать такую штуку на чистом CSS3, если нет - то как на jQuery такое провернуть? Получается, что-то вроде изменения перспективы фотографии, или если фото принять за объект - изменение его позиции в трехмерном пространстве.
  • Вопрос задан
  • 872 просмотра
Комментировать
Подписаться 2 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Фронтенд-разработчик расширенный
    13 месяцев
    Далее
  • Skillbox
    JavaScript
    3 месяца
    Далее
  • Академия Eduson
    Fullstack-разработчик на JavaScript
    11 месяцев
    Далее
Решения вопроса 1
CrewCut
@CrewCut Автор вопроса
Коплю силы на переезд в тропики
Может непонятно написал, но skewY мне не подошел.

Решил через rotateY(-60deg) translateZ(-2.2em), при этом у родительского элемента нужно задать perspective: 1000px;
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 1
Taraflex
@Taraflex
Ищу работу. Контакты в профиле.
skew
Ответ написан
1 комментарий
1 комментарий
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack JavaScript разработчик
MakeDifference
от 60 000 до 110 000 ₽
React разработчик
ITK academy • Нижний Новгород
от 50 000 до 90 000 ₽
Fullstack-разработчик (PHP, Vue.js)
Qwintry
от 1 200 до 2 000 $
Ещё вакансии