«Perspective» — это свойство CSS, которое определяет, какой угол обзора должен использоваться при применении 3D-эффектов на элементе или его содержимом.
С помощью этого свойства можно создавать иллюзию трехмерного пространства, при которой элементы находятся под разными углами в глубине пространства.
Синтаксис свойства «perspective» выглядит следующим образом:
perspective: [length];
где:
- [length] — значение, указывающее на расстояние от точки зрения в пикселях.
Значение, указанное в свойстве «perspective», определяет, какой угол обзора будет использоваться для визуализации 3D-эффектов. Чем меньше значение, тем более крупными будут казаться элементы, и наоборот — чем больше значение, тем меньше будут казаться элементы.
Свойство «perspective» может применяться к родительскому элементу и к его дочерним элементам (если они имеют 3D-трансформации), чтобы создать эффект глубины на всей веб-странице.