2015-09-16 3 views

ответ

1

Согласно this website есть.

Эти два формата запускают трехмерное пространство, но есть разница. Функциональная нотация удобна для непосредственного применения трехмерного преобразования на одном элементе ... Но при использовании на нескольких элементах преобразованные элементы не выстраиваются так, как ожидалось. Если вы используете одно и то же преобразование между элементами с разными позициями, каждый элемент будет иметь свою собственную точку схода. Чтобы исправить это, используйте свойство перспективы для родительского элемента, поэтому каждый ребенок может использовать одно и то же пространство 3D.

0

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

Полный текст статьи можно найти здесь: https://css-tricks.com/almanac/properties/p/perspective/

И аналогичный вопрос здесь: What is the difference between perspective and transform's perspective properties in CSS?

Таким образом, основное различие, кажется, является ли или не вы хотели бы перспективу быть применены ко всем дети одинаково (transform: perspective будет применен к родительскому элементу), или если вы хотите, чтобы дочерний элемент имел свою собственную перспективу.

Смежные вопросы