ឧបករណ៍បង្កើត CSS Gradient
រចនា gradient ផ្ទៃខាងក្រោយដោយមើលឃើញ ហើយចម្លង CSS ដែលត្រៀមប្រើ។ អូសចំណុចពណ៌តាមរបារ ចុចរបារដើម្បីបន្ថែមចំណុច ប្តូរមុំ ឬចំណុចកណ្តាល ហើយធ្វើឱ្យពណ៌ថ្លា។ កូដរួមមានពណ៌ធម្មតាបម្រុងសម្រាប់កម្មវិធីរុករកចាស់។
របៀបប្រើ
- ជ្រើសលីនេអ៊ែរ រង្វង់ ឬសាជី ឬចាប់ផ្តើមពីគំរូ ឬ gradient ចៃដន្យ។
- ចុចចំណុចមួយដើម្បីកែពណ៌ ភាពស្រអាប់ និងទីតាំង អូសដើម្បីផ្លាស់ទី ឬចុចរបារដើម្បីបន្ថែមចំណុចផ្សេង។
- ចម្លង CSS ហើយបិទភ្ជាប់ក្នុងច្បាប់របស់ធាតុ។
សំណួរដែលសួរញឹកញាប់
តើ gradient លីនេអ៊ែរ រង្វង់ និងសាជី ខុសគ្នាយ៉ាងដូចម្តេច?
gradient លីនេអ៊ែរ ប្តូរពណ៌តាមបន្ទាត់ត្រង់ តាមមុំដែលអ្នកជ្រើស។ gradient រង្វង់ (radial) ផ្សាយចេញពីចំណុចកណ្តាលជារង្វង់ ឬរាងអេលីប។ gradient សាជី (conic) វិលជុំវិញចំណុចកណ្តាលដូចម្ជុលនាឡិកា មានប្រយោជន៍សម្រាប់កង់ពណ៌ និងតារាងរង្វង់។
តើ CSS gradient ដំណើរការលើកម្មវិធីរុករកទាំងអស់ទេ?
បាទ/ចាស។ gradient លីនេអ៊ែរ រង្វង់ និងសាជី ដំណើរការលើ Chrome, Edge, Firefox និង Safari ជំនាន់បច្ចុប្បន្នទាំងអស់ ដោយមិនចាំបាច់មានបុព្វបទ។ បន្ទាត់ background ដំបូងជាពណ៌ធម្មតា ប្រើដោយតែកម្មវិធីរុករកចាស់ខ្លាំងប៉ុណ្ណោះ។
តើធ្វើឱ្យមានឆ្នូតដោយរបៀបណា?
ដាក់ចំណុចពណ៌តែមួយពីរនៅដើម និងចុងនៃឆ្នូតនីមួយៗ ដើម្បីឱ្យពណ៌ប្តូរភ្លាមៗ ជំនួសឱ្យការលាយ រួចបើកការធ្វើម្តងទៀត។ គំរូចុងក្រោយគឺជាឧទាហរណ៍។
🏷️ ឧបករណ៍បង្កើត Meta Tag
🖼️ ឧបករណ៍បង្កើត Open Graph
🔗 ឧបករណ៍បង្កើតតំណ UTM
🔲 ឧបករណ៍បង្កើត CSS Box Shadow