Можно ли рассчитать угол rotateY и значение perspective?

Question

Хочу сделать то, что на фото

Вопрос: Можно ли каким-то способом рассчитать угол rotateY ИЛИ все это делается "на глаз", подгоняя под пример?

Answer 1

Используйте инструмент Pixel Perfect. Приложите изображение к сайту и смещайте его пока не получите нужный результат

Answer 2

Вы можете воспользоваться онлайн генератором CSS3 Perspective Playground

Выбрано:

perspective(250px) rotateY(42deg);

<style>
img {
  width:150px;
  margin:40px;
}
img.first {
  transform:perspective(250px) rotateY(42deg);
}
img.last {
  transform:perspective(0px) rotateY(0deg);
}
</style>
<img src="https://i.imgur.com/DGAOsPz.png" class="first">
<img src="https://i.imgur.com/DGAOsPz.png" class="last">

БЛОГ НА HUSL

Можно ли рассчитать угол rotateY и значение perspective?

Ответы (2 шт):