مولد CSS

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

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

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

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

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

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