iborisbelov
@iborisbelov
Веб-дизайнер, UX\UI

Как в CSS сделать перспективу таким образом (transform)?

Доброго дня.

5a8c2774c79e8658337284.png

Делаю макет с GIF анимацией, но само изображение с лептопом 1400*600 пикселей, и понимаю что будет весить порядка 3-4 мегабайт.

Думаю сделать иначе. Саму картинку с лептопом сделать через JPG.
А GIF с изображением на мониторе сделать отдельно, но развернуть в CSS.

Понимаю что это делается как то через transform: rotateY( -25deg ); но этого параметра мало.
Кто сможет помочь?

Вот такая форма должна получиться

5a8c288c7a6ff306994483.png

---

Максимально что получается в данном случае это

d96518406c.png
  • Вопрос задан
  • 151 просмотр
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы