مولد ظل صندوق CSS

مولد ظل صندوق CSS

صمم ظلال مربعات جميلة بصريًا مع معاينة مباشرة. أضف طبقات ظل متعددة، واضبط الإزاحات، والتمويه، والانتشار، واللون، ثم انسخ CSS — لا حاجة لترميز يدوي.

كيف تستعمل

اضبط المنزلقات للإزاحة الأفقية والرأسية، ونصف قطر التمويه، والانتشار، والعتمة. قم بالتبديل بين الظل الداخلي للظلال الداخلية. أضف ما يصل إلى 10 طبقات ظل لتأثيرات معقدة. استخدم معرض الإعدادات المسبقة لنقاط بداية سريعة مثل النيومورفية، أو تأثيرات التوهج، أو البطاقات المرتفعة. انسخ CSS المولد عندما تكون جاهزًا.

سمات

• معاينة مباشرة – شاهد ظلك مطبقًا على مربع عينة في الوقت الفعلي أثناء تعديل المعلمات
• طبقات متعددة – قم بتكديس ما يصل إلى 10 طبقات ظل لتأثيرات معقدة وواقعية
• ظلال داخلية – التبديل بين الظلال الخارجية والداخلية (المدمجة) لكل طبقة
• اللون والعتمة – منتقي ألوان كامل مع تحكم في العتمة لكل طبقة ظل
• معرض الإعدادات المسبقة – ظل ناعم، ظل حاد، نيومورفية، بطاقة مرتفعة، زر مضغوط، تأثير توهج، والمزيد
• نسخ CSS – نسخ CSS الكامل لمربع الظل بنقرة واحدة