Запропонувати правкуПокращити цю статтюДопрацюйте відповідь до «Що робить transform: perspective()?». Ваші зміни проходять модерацію перед публікацією.Потрібне підтвердженняКонтентЩо ви змінюєте🇺🇸EN🇺🇦UAПереглядЗаголовок (UA)Коротка відповідь (UA)**`transform: perspective()`** - функція, яка задає перспективне спотворення для 3D-трансформацій, створюючи відчуття глибини: віддалені об'єкти виглядають меншими, ближні - більшими. **Ключове:** застосована всередині `transform`, вона діє тільки на той елемент, на відміну від окремої властивості `perspective`, яка впливає на всіх дітей контейнера.Показується над повною відповіддю для швидкого нагадування.Відповідь (UA)Зображення`transform: perspective()` - це функція, яка задає **перспективне спотворення для 3D-трансформацій**, створюючи відчуття глибини: віддалені об'єкти виглядають меншими, ближні - більшими. Важливо: коли `perspective()` використовується **всередині** `transform`, вона застосовується **тільки до цього елемента**, а не до всіх дочірніх. Приклад: ```css .box { transform: perspective(600px) rotateY(45deg); } ``` Де `600px` - відстань від «камери» до об'єкта (чим менше значення, тим сильніша перспектива). --- ### **Різниця з** `perspective` **як окремою властивістю** ```css .container { perspective: 600px; /* впливає на всі 3D-трансформації всередині контейнера */ } ``` - `perspective` (окрема властивість) - задає перспективу для **всіх дітей** - `perspective()` у `transform` - **тільки для конкретного елемента** --- ### **Підсумок** `transform: perspective(X)` - створює 3D-ефект глибини для елемента, впливаючи на сприйняття обертань та інших 3D-трансформацій.Для рев’юераПримітка для модератора (необов’язково)Бачить лише модератор. Прискорює рев’ю.