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

គន្លឹះនិងល្បិច​សំខាន់​ៗ អំពីរបៀបនៃការ​បង្កើត Animation ងាយៗ​នៅ​ក្នុង HTML ជាមួយនឹង​Animate.css

♦ រៀបរៀងដោយ លោក រ៉ាន់ ប៊ុនផេង

សួស្តីអ្នក​ទាំងអស់​គ្នា​ថ្ងៃ​នេះ​ខ្ញុំ​ចង់​បង្ហាញ​អ្នក​ទាំងអស់​គ្នា​អំពីគន្លឹះតូចមួយនៅ​ក្នុង​ HTML & CSS ​ដែល​អាច​ឲ្យ​យើងដឹងអំពីរបៀបនៃការ​បង្កើត​ Animation ងាយៗ​ដោយ​ប្រើ​ជាមួយនឹង Animate.css ។ ដើម្បី​ឲ្យ​កាន់តែច្បាស់នៅ​ចំណុច​ខាងលើ​យើងមានជាឩទាហរណ៍ និង code នៅ​ក្នុង​រូបភាព​ដូច​ខាងក្រោម​នេះ ៖

 ​លទ្ធផល​កូដ

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

​នៅពេល​ដែល​យើងចុច Refresh នៅលើ​ផ្ទាំង Browser រូបភាព​ខាងលើ​នឹងមានចលនា ។

- នៅបន្ទាត់ទី៦ គេ​ប្រើ tag link ដើម្បី​តភ្ចាប់ File HTML ជាមួយ File CSS
- នៅបន្ទាត់ទី៨ ជា Link Animate.CSS ដើម្បី​ត​ភ្ជាប់​ជាមួយ File HTML ក្នុង​ការ​ប្រើ Animation ផ្សេងៗ​បាន
- នៅបន្ទាត់ទី១៣ គឺគេ​ប្រើ Class មួយ​ឈ្មោះ​ថា box_show ដើម្បី​ក្តោប​រូបភាព​ភាព​ដែល​នៅ ខាង​ក្នុង Class
- នៅបន្ទាត់ទី១៤ គឺគេ​ប្រើ tag image ដើម្បី​បង្ហាញ​រូបភាព ហើយគេដាក់ Class Animate ដើម្បី​ឲ្យ​រូបភាព​មានចលនា​នៅពេល​យើងចុច Refresh នៅលើ Browser

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

- នៅបន្ទាត់ទី១ គេ​ប្រើ Class “.box_show” សម្រាប់​បង្ហាញ​អំពី Property របស់ File CSS ។ នៅ​ក្នុង​Class“.box_show”
- នៅបន្ទាត់ទី៧ គេ Property Overflow:hidden” ដើម្បី​កាត់តម្រឹម Size របស់ Property ផ្សេង​ដែល​នៅខាង​ក្នុង Class ៕

→ ​សម្រាប់ 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)

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