គន្លឹះ ខ្លីៗ ទាក់ទងនឹង​ការ យក​រូបភាព​ផ្គុំជា Box ហើយធ្វើ​ឲ្យ​មានចលនាជា 3D Box

រៀបរៀងដោយ ឃឹម ស្រីរត្ន័

អ្នក​ទាំងអស់​គ្នា​ដឹងទេថា HTML និង Css អាច​ធ្វើជា 3D Box មានចលនាបាន​យ៉ាង Cute Cute 😝😝??
​ថ្ងៃ​នេះនាង​ខ្ញុំ​សូមចែក​រំលែក​ពីគន្លឹះ ខ្លីៗ ដែល​ទាក់ទងនឹង​ការ យក​រូបភាព​ផ្គុំជា Box ហើយធ្វើ​ឲ្យ​វាមានចលនា​លក្ខណៈ​ជា 3D Box ។
ហើយ Property សំខាន់​ដែល​យើងត្រូវ​ប្រើ​មានដូច​ខាងក្រោម​៖  
+ ចំពោះ 3D Box :
• transform-style: preserve-3d; ៖ កំណត់​ឲ្យ​វាមាន​លក្ខណៈ ជា3D
• transform: translateZ (px) ; សម្រាប់​រុញជ្រុង Z នៃ 3D Box 
• transform: rotate () ; សម្រាប់​បង្វិល element តាមទិសទ្រនិចនាឡិកា
• transform-origin: សម្រាប់​កំណត់​ទិសដៅរបស់ element ។
+ ចំពោះចលនារបស់ Box :
• យើងត្រូវ​បង្កើត @Keyframes (Animation) មួយ ដើម្បី​ផ្ទុកចលនារបស់ 3D Box 
• បន្ទាប់មក​យើងត្រូវហៅ ឈ្មោះ (rotate) របស់ Keyframes ទៅ​ប្រើ​ក្នុង Class rotatebox ដែល​ជា Class របស់ 3D Box 
(សូមមើលការពន្យល់​បន្ថែម​លើរូប)

ចុច Like គេហទំព័រ www.antkh.com  ដើម្បី​ទទួលបាន​ព័ត៌មាន​ថ្មីៗ​ទាក់ទងនឹង​បច្ចេកវិទ្យា​

Video បង្ហាញ : https://www.facebook.com/100023321349197/videos/407406140046761/

​♦ ​សម្រាប់​ព័ត៌មាន​ទំនាក់ទំនងមកយើង​ខ្ញុំ ៖  លេខ​ទូរសព្ទ​ ០១០ / ០១៦ ៦៦៦ ៦៥៣

ឬ​ Facebook: https://www.facebook.com/anttrainning

Facebook Page: ANT Magazine

Facebook Group: https://www.facebook.com/groups/ANTTrGroup/

website: www.antkh.com