Я искал в Интернете и нашел несколько материалов, но ни один из них не ясно проиллюстрировал это понятие, по крайней мере для меня. Например, w3schools говорит, что он определяет, сколько пикселей 3D-элемент помещается из представления. Это настолько абстрактно, чтобы полностью понять. Может ли кто-нибудь сказать мне более ярким, понятным способом? Было бы не лучше, если есть некоторые изображения, чтобы показать это понятие.
Что такое свойство перспективы CSS3?
Ответ 1
В 3D-преобразованиях перспектива дает объекту трехмерную точку зрения и пытается отобразить перспективу 3D-объекта с определенной точки зрения зрителя. Это непросто понять.
Здесь ссылка Safari.
A начало учебника на нем.
Несколько примеров использования перспективы.
FYI, в будущем я бы предложил игнорировать все поисковые запросы Google, которые поступают из w3schools. Они каким-то образом сумели кооптировать высокий рейтинг поиска в Google с невероятно мелким контентом.
Ответ 2
При работе в пространстве 3D нам нужно установить значение перспектива, в противном случае анимированные элементы будут выглядеть ровно. Как? Перспективное свойство CSS дает элементу трехмерное пространство, влияя на расстояние между индексом Z и пользователем. Помните: свойство Perspective не должно применяться к элементу, который будет анимироваться (через переход CSS, преобразование или анимацию), но для родительский элемент.