مولد CSS

واحد وعشرون: مولدات المثلث والسهم والشكل ومسار المقطع ونصف القطر؛ منشئو مكونات الشريط وتلميح الأدوات والمحمل؛ محررات Gradient، وBox-Shadow، وText-Shadow، وGlassmorphism، وNemorphism، وFilter، وTransform، وAnimation، وتأثيرات المنظور؛ بالإضافة إلى Grid Builder وFlexbox Playground وGrid Playground ومولد متغيرات CSS، كل ذلك في واجهة واحدة.

نعم. الإخراج نظيف ومتوافق مع المعايير CSS ويمكنك لصقه مباشرة في أي ورقة أنماط أو مكون. عندما يكون الأمر مهمًا (مسار المقطع، والمرشحات)، يتم تضمين العناصر الاحتياطية التي يسبقها البائع، وتقوم أدوات الرسوم المتحركة بإخراج كتلة @keyframes كاملة.

افتح منشئ المثلث، واختر الاتجاه (لأعلى، لأسفل، لليسار، لليمين)، واضبط الحجم واللون باستخدام أشرطة التمرير، وانسخ ملف CSS القائم على الحدود. يستخدم خدعة الحدود ذات العرض الصفري/الارتفاع الصفري الكلاسيكية التي تعمل في كل متصفح.

نعم. يوفر منشئ الرسوم المتحركة إعدادات مسبقة (الارتداد، والتلاشي، والانزلاق، والدوران، والاهتزاز، والبوب) مع عناصر تحكم للمدة، والتأخير، ووظيفة التوقيت، وعدد التكرارات. يقوم بإنشاء اختصار الرسوم المتحركة الكامل بالإضافة إلى قاعدة @keyframes لك.

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

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

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

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

نعم. يقوم كل تغيير بتحديث المعاينة المباشرة على الفور، ويتم تحديث CSS الجاهز للنسخ بجانبه، لذا فإن ما تراه هو ما تلصقه.