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

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

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

تتم قراءة الظلال بشكل مختلف تمامًا على الواجهات المظلمة، حيث يختفي الظل الأسود الموجود على صفحة شبه سوداء تمامًا. يقوم تبديل خلفية المعاينة بتبديل الخلفية بين الفاتح والداكن حتى تتمكن من التحقق من كلا الموضوعين قبل الشحن. تغطي الصفحات المعدة مسبقًا المتغيرات التي يبحث عنها الأشخاص فعليًا: ظل ارتفاع ناعم، وبئر داخلي، ووصفة نيومورفيسم المكونة من طبقتين، وظل بطاقة دقيق.

مثل كل أداة على هذا الموقع، المولد مجاني ويعمل بالكامل في متصفحك: لا يوجد تحميل، ولا يوجد حساب، ويستمر في العمل دون اتصال بمجرد تحميل الصفحة.