🔧 NavajaSuiza

Box Shadow Generator

Generate CSS box shadows

Configuración

Vista Previa

Elemento con sombra

💡Casos de uso

  • ✓ Crear efectos de profundidad
  • ✓ Diseñar botones con elevación
  • ✓ Generar sombras para tarjetas
  • ✓ Crear efectos 3D con CSS

រចនាបែបផែនស្រមោលដ៏ស្រស់ស្អាតជាមួយនឹងម៉ាស៊ីនបង្កើតស្រមោលប្រអប់របស់យើង។ បង្កើតស្រមោល CSS ផ្ទាល់ខ្លួនសម្រាប់ប៊ូតុង កាត និងធាតុ UI ជាមួយនឹងការមើលជាមុនដែលមើលឃើញ និងការបង្កើតកូដភ្លាមៗ។

Key Features

អុហ្វសិតស្រមោលដែលអាចកែតម្រូវបាន (ផ្ដេក និងបញ្ឈរ)

ការគ្រប់គ្រងព្រិល និងរាលដាល

ពណ៌ស្រមោលផ្ទាល់ខ្លួនជាមួយនឹងការកែតម្រូវភាពស្រអាប់

ការគាំទ្រស្រមោលច្រើនសម្រាប់ផលប៉ះពាល់ស្មុគស្មាញ

ការមើលជាមុនតាមពេលវេលាជាក់ស្តែង

ចម្លងកូដ CSS ដោយចុចតែម្តង

ប្រអប់បង្កើតស្រមោល

1

កែអុហ្វសិត

ប្រើគ្រាប់រំកិលដើម្បីកំណត់ស្រមោលផ្ដេក និងបញ្ឈរអុហ្វសិតជាភីកសែល

2

កំណត់ព្រិលនិងរាលដាល

កំណត់រចនាសម្ព័ន្ធកាំព្រិល (ភាពទន់) និងកាំរាលដាល (ពង្រីកទំហំ)

3

ជ្រើសរើសពណ៌

ជ្រើសរើសពណ៌ស្រមោល និងកែតម្រូវភាពស្រអាប់សម្រាប់ឥទ្ធិពលដែលចង់បាន

4

ឥទ្ធិពលមើលជាមុន

មើលបែបផែនស្រមោលនៅលើធាតុមើលជាមុនក្នុងពេលវេលាជាក់ស្តែង

5

ចម្លងនិងប្រើ

ចុច ចម្លង ដើម្បីបន្ថែមកូដស្រមោលប្រអប់ CSS ទៅសន្លឹករចនាប័ទ្មរបស់អ្នក

Use Cases

ការបង្កើតបែបផែនជម្រៅ និងកម្ពស់នៅលើប៊ូតុង

ការរចនាសមាសធាតុកាតជាមួយនឹងស្រមោលស្រាល

ការបន្ថែមបែបផែនដាក់លើជាមួយស្រមោលថាមវន្ត

ការកសាងការរចនា UI ស្រទាប់ជាមួយឋានានុក្រមស្រមោល

Frequently Asked Questions

តើប្រអប់ស្រមោលប្រើសម្រាប់អ្វី?

Box-shadow បង្កើតបែបផែនស្រមោលជុំវិញធាតុ HTML សម្រាប់ជម្រៅ និងចំណាប់អារម្មណ៍ដែលមើលឃើញ

តើខ្ញុំអាចបង្កើតស្រមោលច្រើនបានទេ?

បាទ ឧបករណ៍នេះគាំទ្រប្រអប់ស្រមោលជាច្រើនសម្រាប់ផលប៉ះពាល់ស្មុគស្មាញ

តើភាពស្រអាប់ប៉ះពាល់ដល់ស្រមោលយ៉ាងដូចម្តេច?

ភាពស្រអាប់ (អាល់ហ្វា) គ្រប់គ្រងភាពថ្លានៃស្រមោលពី 0 (ថ្លា) ដល់ 1 (ស្រអាប់)

តើស្រមោល CSS ត្រូវគ្នាទេ?

បាទ/ចាស តម្លៃស្រមោលដែលបានបង្កើតទាំងអស់គឺត្រូវគ្នាជាមួយកម្មវិធីរុករកតាមអ៊ីនធឺណិតទំនើប

Tool Information

Category
Palette Design and Color Tools
Type
Processed in browser
Tags

📤 Share This Tool

Box Shadow Generator - Gratis Online | NavajaSuiza Digital