​ចំណុច​សំខាន់​ៗ​ដែល​អ្នកត្រូវដឹងអំពី CSS Hover Effects

♦ កែ​សម្រួល​អត្ថបទនៅខែឧសភា ឆ្នាំ​២០២៣ ដោយលោក ចែ សុផល

នៅ​ក្នុង​អត្ថបទនេះយើងនឹង​សិក្សា​អំពី CSS hover effect គេហទំព័រទំនើបភាគ​ច្រើន​គឺ​ប្រើ​ប្រាស់ Cascading Style Sheets (CSS) ។ គេហទំព័រ​ខ្លះ​ប្រើ​មុខងារ CSS ជា​មូលដ្ឋាន ប៉ុន្តែ​គេហទំព័រ​ផ្សេងទៀត​គឺ​ប្រើ​មុខងារ CSS កម្រិត​ខ្ពស់ ដើម្បី​ធ្វើ​ឲ្យ​កម្មវិធី​គេហទំព័ររបស់​ពួកគេ​កាន់តែទាក់ទាញ ។ ដើម្បី​បង្កើត CSS hover effects បាន លោកអ្នក​ត្រូវ​ស្គាល់ Pseudo-classes ដែល​មាន​ឈ្មោះ​ថា :hover ។ Pseudo-classes ត្រូវបាន​ប្រើ ដើម្បី​បន្ថែម​រចនាប័ទ្ម (Style) ទៅ​ឲ្យ Selector ដោយផ្អែកលើលក្ខខណ្ឌមួយចំនួន ។

♦ តើ CSS hover effect ជាអ្វី?

CSS hover effect គឺកើតឡើង​នៅពេល​ដែល​អ្នក​ប្រើ​គេហទំព័រដាក់ Cursor (Mouse pointer) លើធាតុ​ណាមួយ ហើយធាតុនោះនឹងមានការប្រែប្រួល​លទ្ធផល​ដូចជា​ការផ្លាស់ប្តូរពណ៌អក្សរ ពង្រីក ឬ​បង្រួម​រូបភាព និងចលនាផ្សេងៗ​ទៀត ។ វា​ត្រូវបាន​ប្រើ ដើម្បី​សម្គាល់ធាតុ​សំខាន់​ៗ​នៅលើ​គេហទំព័រ ហើយវាជាមធ្យោបាយដ៏មានប្រ​សិទ្ធ​ភាព​ក្នុង​ការ​បង្កើន​បទពិសោធន៍ដល់អ្នក​ប្រើ ។ CSS hover effects អាច​ត្រូវបាន​អនុវត្តចំពោះអត្ថបទ រូបភាព តំណ វីឌីអូ ឬ​ប៊ូតុង ។  ​ដោយសារ​តែការ​បង្កើត CSS hover effects មាន​ច្រើន ដូច្នេះ​ខ្ញុំ​សុំលើកយកឧទាហរណ៍ពីរមក​បង្ហាញ​៖

Syntax:
selector:hover {
CSS declarations;
}

ឧទាហរណ៍ទី១

§ HTML file

§ CSS file

→ លទ្ធផល​មុនពេល hover

→ ​លទ្ធផល​ក្រោយពេល hover

ឧទាហរណ៍ទី២

§ HTML file

§ CSS file

§ ​លទ្ធផល​មុនពេល hover

§ ​លទ្ធផល​ក្រោយពេល hover

​♦ ​​សម្រាប់​ព័ត៌មាន​ទំនាក់ទំនងមកយើង​ខ្ញុំ ៖   https://t.me/anttechnology ឬ https://web.facebook.com/anttrainning

Facebook Page: ANT Technology Training Center ឬ ANT Learner ឬ ANTTrainings

​♦ ​សម្រាប់​លោកអ្នក​ដែល​ចង់​ដំឡើង​កម្មវិធី ANTLearner ឬ​កម្មវិធី ANTPedia ​សម្រាប់​ Windows សូម​ចូលរួម Telegram÷ https://t.me/AntTechnologyTrainingCenter