For Android device For iOS device
១៥
មករា

គន្លឹះនិងល្បិច​ខ្លះ​ៗ ក្នុង​ការប្ដូរ Background ដោយ​ប្រើ keyframes នៅ​ក្នុង CSS

♦ រៀបរៀងដោយ កញ្ញា អេង រតនៈ

សួស្តីអ្នក​ទាំងអស់​គ្នា ថ្ងៃ​នេះ​ខ្ញុំ​ចង់​បង្ហាញ​អ្នក​ទាំងអស់​គ្នា​អំពីគន្លឹះមួយចំនួននៅ​ក្នុង​ HTML & CSS ដោយ​ប្រើ​ប្រាស់​ keyframes ដើម្បី​ឲ្យ​ Background មានការផ្លាស់ប្ដូរពណ៌តាមអ្វី​ដែល​យើងបាន​កំណត់ ។ ដើម្បី​កុំ​ឲ្យ​ខាតពេលយូរតោះយើងទៅមើល​លទ្ធផល​និងឧទាហរណ៍ជាកូដដូច​ខាងក្រោម​៖

​លទ្ធផល​កូដ

 ការពន្យល់កូដ HTML

- ​នៅពេល​យើង​ធ្វើការ​ Refresh ​ទៅលើ​ Browser box​ ​វានឹង​ប្តូរពណ៌តាមអ្វី​ដែល​យើង​កំណត់​ក្នុង​កូដ

- នៅបន្ទាត់ទី៦ គេ​ប្រើ​ tag link ដើម្បី​ត​ភ្ជាប់​ជាមួយ File HTML ជាមួយ File CSS

- នៅបន្ទាត់ទី៩​ ដល់ទី១២ គេ​ប្រើ​ class​ មាន​ឈ្មោះ​ថា contain ដើម្បី​ក្តោប​ទៅលើ​ tag p ​ដែល​គេដាក់​ចំណងជើង​របស់ box និង​ class ​ដែល​មាន​ឈ្មោះ​ថា box គេ​ប្រើ ដើម្បី​ឲ្យ​វា​ធ្វើការ​លើវាការផ្លាស់ប្តូរពណ៌

ការពន្យល់កូដ CSS

- បន្ទាត់ទី៤​ ដល់ទី៩ គេ​ប្រើ​ class ​ឈ្មោះ​ថា​ contain ដើម្បី​ដាក់​ទំហំ​និងពណ៌​ឲ្យ​វានៅកណ្តាល

- បន្ទាត់ទី១០ ដល់ទី១៦ គេ​ប្រើ​ tag p ដើម្បី​ដាក់​ចំណងជើង​ឲ្យ​ box ​ដែល​មាន​ទំហំ​អក្សរ ឈ្មោះ​អក្សរ ពណ៌អក្សរហើយនឹងដាក់អក្សរ​ឲ្យ​នៅកណ្តាល

- បន្ទាត់ទី១៧ ដល់ទី២៣  គេ​ប្រើ​ class ​ឈ្មោះ​ថា​ box ដើម្បី​ដាក់​ទំហំ​ border ​ឲ្យ​ box នៅកណ្តាលហើយនឹងដាក់​ឈ្មោះ​ box​ ​ឲ្យ​ងាយស្រួល​ហៅមក​ប្រើ​ជាមួយនឹង​ keyframes

- បន្ទាត់ទី២៣ ដល់ទី៣០ គេ​ប្រើ​ @keyframes ដើម្បី​ឲ្យ​មានការផ្លាស់ប្តូរ​គ្នា​ដូច​ដែល​បាន​កំណត់ ៕

 

→ ​សម្រាប់ Link Download កម្មវិធី ANTLearner សម្រាប់ Android & Windows http://www.antclasses.com/help/page/download.html

→ ​សម្រាប់ Link Download កម្មវិធី​ផ្សេងទៀត​សម្រាប់ iOS & Android & Windows http://www.antclasses.com/help/page/application.html

→ ប្រសិនបើ​មានចង្ងល់ ឬ​មាន​សំណួរ​ផ្សេងៗ​សូម​ផ្ញើ​សារចូល Facebook : https://www.facebook.com/anttrainning

​សម្រាប់​វគ្គ​សិក្សា​នៅអាន-ANT http://training.antkh.com/ 

 លេខ​ទូរសព្ទ​ទំនាក់ទំនង ០១០/០១៦ ៦៦៦ ៦៥៣

💒 ទីតាំង #86B ផ្លូវ 313 កែង 606 សង្កាត់បឹងកក់២ ទួលគោក

https://maps.app.goo.gl/cdi3hTED27tbHBaB9

មតិ និង​យោបល់​ទៅលើ​អត្ថបទ​នេះ (តាម Facebook)

ខាងក្រោម​នេះ​ជា​យោបល់​ផ្សេងៗ​របស់​អ្នកទស្សនា