For Android device For iOS device

មេសា

ការតាក់តែង Image ឲ្យ​កាន់តែទាក់ទាញដោយ​ប្រើ Rotate Animation ក្នុង CSS

♦ រៀបរៀងអត្ថបទដោយ ឃឹម ស្រីរ័ត្ន កែ​សម្រួល​អត្ថបទនេះឡើងវិញដោយ កែ​សម្រួល​អត្ថបទឡើងវិញដោយ : អេង រតន ថ្ងៃ​ទី ០៣ កុម្ភៈ ២០២១

សួស្តីអ្នក​ទាំងអស់​គ្នា​! ! ! ថ្ងៃ​នេះ​ខ្ញុំ​សូមចែក​រំលែក​អ្នក​ទាំងអស់​គ្នា​អំពី​ចំណេះដឹង​ខ្លះ​ៗ​និយាយទាក់ទង​ជាមួយនឹង​វិធីសាស្រ្តមួយចំនួនតូច​ដែល​បានដកស្រង់ចេញពី​ក្នុង​មេរៀន CSS គឺគន្លឹះងាយៗ​ក្នុង​ការតាក់តែង Image ​ឲ្យ​កាន់តែមានភាពទាក់ទាញដោយ​ប្រើ fontawesome និង CSS​ ភាព​ច្រើន​គេ​ប្រើ​វា​នៅពេល​ដែល​ចង់​បន្ថែម​លើ icon ​ទៅលើ​ទិន្នន័យ​ណាមួយ​ឲ្យ​មានភាពទាក់ទាញនិងមានការចាប់អារម្មណ៍ពីសំណាក់អ្នកមើល ។ ដើម្បី​កុំ​ឲ្យ​ខាតពេលយូតោះយើងទៅជួប​ជាមួយនឹង​កូដ​ខាងក្រោម​ទាំងអស់​គ្នា​៖

♦ លទ្ខផលកូដ

- ​នៅពេល​យើង Run Code index.html ​នៅលើ​ Browser Icon ​នីមួយៗ​វានឹង​មានចលនាដូច​រូបភាព​ខាងលើ ។

 កូដ HTML

- បន្ទាត់ទី​៦ នៅ​ក្នុង​ tag head គឺមាន​ tag link ​សម្រាប់​ link fontawesome ដើម្បី​ហៅ​ឈ្មោះ​ class icon មក​ប្រើ​  (link នេះបាន download ហើយ​គ្រាន់តែ​យកហៅ​ឈ្មោះ​មក​ប្រើ​ជាការស្រេច​)

​ចំណែក​ឯនេះគឺជា link fontawesome សម្រាប់​យក​មកពី​ google <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

- បន្ទាត់ទី១៣ ដល់ទី១៥ គេ​ប្រើ​ class fab fa-facebook,  fab fa-line, fab fa-envenelope ​សម្រាប់​បង្កើត​ icon ​ចំណែក​ឯ class .fa-spin ​សម្រាប់​ឲ្យ​ icon មានចលនា​រហូត​ដល់បិទ browser 

♦ កូដ CSS

- បន្ទាត់ទី៨ ដល់ទី១១ សម្រាប់​ link ​រូបភាព​មកពី google.

-. បន្ទាត់ទី២៨ ដល់ទី៣៩ គេ​ប្រើ​ ground នៃ class .fa-facebook, .fa-line, .fa-envelope​ និង class .fa-line, .fa-envelope សម្រាប់​ដាក់ពណ៌និង​ទំហំ​របស់ icon

♦ ​វគ្គ CSS_Bootstrap តម្លៃ ៨០ ដុល្លា http://training.antkh.com/website_design_with_css.aspx

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

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

Facebook Page: ANT Magazine

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

website: www.antkh.com

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

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