ឧបករណ៍បង្កើត CSS Box Shadow
បង្កើត box-shadow ដោយរុញគ្រាប់រំកិល ហើយមើលលទ្ធផលលើកាតមួយ។ ជង់បានដល់ប្រាំមួយស្រទាប់ ដើម្បីបានស្រមោលទន់ និងដូចរបស់ពិតជាង ប្រើ inset សម្រាប់ឥទ្ធិពលជាប់ចុះ ហើយចាប់ផ្តើមពីគំរូដូចជាទន់ អណ្តែត ពន្លឺ ឬ neumorphism។ ចម្លង CSS ដោយចុចតែម្តង។
របៀបប្រើ
- ជ្រើសគំរូ ឬកែគម្លាត ភាពព្រិល ការពង្រីក ពណ៌ និងភាពស្រអាប់នៃស្រមោល។
- បន្ថែមស្រទាប់ដោយ + ហើយជ្រើសស្រទាប់នីមួយៗដើម្បីកែ ប្តូរផ្ទៃខាងក្រោយ ពណ៌ប្រអប់ និងកាំជ្រុងឱ្យត្រូវនឹងការរចនារបស់អ្នក។
- ចម្លង CSS ហើយបិទភ្ជាប់ក្នុងច្បាប់របស់ធាតុ។
សំណួរដែលសួរញឹកញាប់
តើភាពព្រិល និងការពង្រីកធ្វើអ្វី?
ភាពព្រិលធ្វើឱ្យគែមស្រមោលទន់ជាង ហើយសូន្យផ្តល់គែមរឹង។ ការពង្រីកធ្វើឱ្យស្រមោលធំឡើងគ្រប់ទិសមុនពេលធ្វើឱ្យព្រិល ហើយតម្លៃអវិជ្ជមានធ្វើឱ្យវាតូចចុះ ជួយឱ្យស្រមោលព្រិលធំនៅក្រោមធាតុ។
ហេតុអ្វីប្រើស្រទាប់ស្រមោលច្រើន?
ស្រមោលពិតងងឹតជាងនៅជិតវត្ថុ ហើយស្រាលទៅៗនៅពេលឆ្ងាយ។ ការរួមបញ្ចូលស្រមោលតូចមុតស្រួច និងស្រមោលធំទន់ជាង ធ្វើត្រាប់តាមរឿងនោះ ហើយមើលទៅធម្មជាតិជាងស្រមោលតែមួយ។ ស្រទាប់ដំបូងក្នុងបញ្ជីត្រូវបានគូរនៅលើគេ។
តើ box-shadow ធ្វើឱ្យទំព័រយឺតទេ?
ទេ ក្នុងការប្រើធម្មតា។ ភាពព្រិលធំខ្លាំងលើធាតុច្រើន ឬការធ្វើចលនាលើស្រមោលផ្ទាល់ អាចបង្កការចំណាយដំណើរការលើទូរសព្ទយឺត។ ដើម្បីធ្វើចលនា សូមប្តូរភាពស្រអាប់នៃ pseudo-element ដែលមានស្រមោលជំនួសវិញ។
🏷️ ឧបករណ៍បង្កើត Meta Tag
🖼️ ឧបករណ៍បង្កើត Open Graph
🔗 ឧបករណ៍បង្កើតតំណ UTM
🌈 ឧបករណ៍បង្កើត CSS Gradient