В чем отличие css "перспектива: " и "трансформация: перспектива ()"?

Question

В чем отличие css "перспектива: " и "трансформация: перспектива ()"?

Они должны делать то же самое, верно? Также настроить 3D перспективу для ребенка? Но есть ли разница в поддержке браузера или других?

0

css css3 css-transforms perspective webkit-perspective

Источник

user8033128 21 сен '17 в 01:24

1 ответ

Решение

Другие вопросы по тегам css css3 css-transforms perspective webkit-perspective

user6665534 21 сен '17 в 02:27 2017-09-21 02:27 · Accepted Answer · 2017-09-21 02:27

Свойство перспективы CSS дает элементу трехмерное пространство, влияя на расстояние между плоскостью Z и пользователем.

Сила эффекта определяется значением. Чем меньше значение, тем ближе вы получаете от плоскости Z и тем более впечатляющий визуальный эффект. Чем больше значение, тем более тонким будет эффект.

Важное замечание: обратите внимание, что свойство перспективы не влияет на способ визуализации элемента; он просто включает 3D-пространство для детских элементов. В этом основное различие между функцией transform:спектива () и свойством перспективы. Первый дает глубину элемента, а второй создает трехмерное пространство, разделяемое всеми его преобразованными дочерними элементами.

См. https://css-tricks.com/almanac/properties/p/perspective/