CSS transform-style 属性

ការអង្គការ និងការប្រើប្រាស់

transform-style កម្មវិធីកំណត់ថាតើបន្ទាប់បន្សំកត់ត្រល់នឹងត្រូវបានបង្ហាញក្នុង 3D អាវកាសដូចដែល។

ការកត់សម្គាល់：កម្មវិធីនេះត្រូវតែប្រើជាមួយ transform ការប្រើប្រាស់កម្មវិធីជាមួយគ្នា。

សូមមើលផងដែរ：

បណ្តាញអាជ្ញាប័ណ្ណ CSS3：CSS3 2D 转换

បណ្តាញអាជ្ញាប័ណ្ណ CSS3：CSS3 3D 转换

ទំព័រការផ្តល់យោបល់ HTML DOM：transformStyle កម្មវិធី

ឧទាហរណ៍

អនុញ្ញាតឲ្យបន្ទាប់បន្សំកំណត់ត្រល់ 3D របស់បន្ទាប់បន្សំកត់ត្រល់បន្ទាប់ត្រូវរក្សាទុក។

div {
  transform: rotateY(60deg);
  transform-style: preserve-3d;
}

ព្យាយាមដោយខ្លួនឯង

CSS ហ្គ្រាម

transform-style: flat|preserve-3d;

តម្លៃកម្មវិធី

តម្លៃ ការពន្យល់
flat កំណត់ត្រល់បន្ទាប់បន្សំជាស្រាប់ 3D ទីតាំង。
preserve-3d កំណត់ត្រល់បន្ទាប់បន្សំជាស្រាប់ 3D ទីតាំង。

ពត៌មានបច្ចេកទេស

តំរូវការទុកដាក់បន្ទាប់： flat
ការបន្តពីឪពុកម្តាយ： no
កំណែនាំ： CSS3
JavaScript ហ្គ្រាម： object.style.transformStyle="preserve-3d"

ការគាំទ្រម៉ាស៊ីន

ចំនុចនៅក្នុងតារាងបង្ហាញថាជាកំណែនាំដំបូងដែលកត់ត្រាការគាំទ្រពិតប្រាកដរបស់កម្មវិធីអ្នកកំពុងប្រើ។

ចំនុចជាគូសេតវិល -webkit- ឬ -moz- បង្ហាញថាការប្រើប្រាស់កំណែនាំដំបូង។

Chrome IE / Edge Firefox Safari Opera
36.0
12.0 -webkit-		 11.0 16.0
10.0 -moz-		 9.0
4.0 -webkit-		 23.0
15.0 -webkit-