For Android device For iOS device
២៣
ឧសភា

ការ​សិក្សា​អំពី Background Gradients ដោយ​ប្រើ​កូដ CSS

កែ​សម្រួល​ឡើងវិញខែឩសភា ឆ្នាំ ២០១៦

​ក្នុង​ការ​សិក្សា​អំពីភាសា CSS ពេល​ខ្លះ​តម្រូវ​ឲ្យ​យើងដាក់ពណ៌ផ្ទៃទៅ​ឲ្យ​ប្លុក​ណាមួយ ដើម្បី​​ឲ្យ​កាន់តែស្រស់​ស្អាត​ទៀតនោះយើងសូមលើកយកមក​បង្ហាញ​នូវ Background Gradient និយាយទៅគឺការដាក់ពណ៌ជា​លក្ខណៈ​ចម្រុះ​ដូច​ក្នុង​រូបភាព ។ ហើយ​ក្នុង​ការដាក់ពណ៌​លក្ខណៈ​នេះមានពីរវិធីគឺ តាម Linear Gradient និង តាម Radial Gradient

 ១. ការដាក់ Background តាម Linear Gradient: គឺជាការដាក់ពណ៌ជា​លក្ខណៈ​ជួរដូច​ខាងក្រោម​៖

កូដHTML:

+កូដ CSS:

ពន្យល់កូដ:

ដំបូងត្រូវ​បង្កើត​ tag HTML មួយ ដើម្បី​ធ្វើការ​ចាក់ពណ៌ 

រួច​ធ្វើការ​ចាក់ពណ៌នឹង​កំណត់​ទៅលើ​ tag HTMLនោះ ដោយ​គ្រាន់តែ​ដាក់ទិសដៅនិង​ឈ្មោះ​ពណ៌ត្រឹមត្រូវ នោះ​លោកអ្នក​នឹងទទួលបានដូច​ក្នុង​រូប លើសពីនេះទៀត​ក្នុង​ការដាក់ទិសដៅក្រៅពី -to left នៅមាន -to right, -to top, -to bottom និងផ្សេងៗ​ទៀត ។

 ការដាក់ Background តាម Radial Gradient: គឺជាការដាក់ពណ៌ជា​លក្ខណៈ​រង្វង់ដូច​ខាងក្រោម​៖

ពន្យល់កូដ:

+ កូដ HTML:  

+ កូដ CSS

- Background Radial Gradient គឺវាស្រដៀងទៅនឹង Linear Gradient ដែរ ប៉ុន្តែ​វាមាន​លក្ខណៈ​ជារង្វង់ ។

សូមសាកល្បងដោយខ្លួនអ្នក ! !

*** រៀបរៀងអត្ថបទដោយ ៖ លោក អ៊ូ ប៊ុនដេត

*** កែ​សម្រួល​អត្ថបទឡើងវិញដោយ ៖ លោក តី សុជាតិថា

*** ដកស្រង់ចេញពី​ទស្សនាវដ្ដី​អាន-ANT ច្បាប់​ទី ៣៣ ប្រចាំខែ ធ្នូ ឆ្នាំ ២០១១

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

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