CSS والتصميم
إنشاء CSS، بناء التخطيطات، إنشاء الرسوم المتحركة والتصميم مع معاينة مباشرة.
44 tools
مُحول تدرج CSS
أنشئ تدرجات خطية ودوارة ومخروطية جميلة من نوع CSS مع عدة نقاط لونية وسيطرة على الزاوية.
🎨 CSS & Design
مُولِد ظل CSS
أنشئ ظلال CSS متعددة الطبقات مع خيارات الإدراج وتحديثات في الوقت الفعلي.
🎨 CSS & Design
مُحول ظل النص CSS
أنشئ ظلالًا لنص CSS باستخدام أدوات مرئية للتعويض، والتعتيم، واللون، ودرجة الشفافية.
🎨 CSS & Design
مولد نصف قطر الحدود في CSS
انشاء قيم نصف قطر الحدود في CSS مع التحكم في كل زاوية ومعاينة مرئية.
🎨 CSS & Design
مُحول أزرار CSS
صمم أزرار CSS مخصصة مع ألوان، حواف، حدود، ظلال، وأffects عند التمرير.
🎨 CSS & Design
مُحَوِّل بطاقات CSS
ابنِ تصاميم بطاقات玻璃ية مورفولوجية مع تحكم في تلاشي الخلفية والشفافية وظلال.
🎨 CSS & Design
مُولِد أدوات CSS
إنشاء أدوات CSS نقية قابلة للتعديل في الموقع والأسهم والألوان والتخطيط.
🎨 CSS & Design
مُحول شريط CSS
أنشئ شرائط زوايا وحدود CSS للا بطاقات وأقسام المحتوى.
🎨 CSS & Design
مُحول دوارات CSS
أنشئ دوارات تحميل وملoaders متحركة مع أساليب قابلة للتخصيص باستخدام CSS.
🎨 CSS & Design
مُحول مثلثات CSS
أنشئ مثلثات CSS باستخدام تقنية الحدود مع التحكم في الاتجاه واللون.
🎨 CSS & Design
مُحول مسار قص CSS
أنشئ أشكالًا لمسار القص CSS باستخدام مسابقة متعددة الزوايا والدوائر والأشكال البيضاوية.
🎨 CSS & Design
مُحول تأثيرات الفلتر في CSS
تطبيق تأثيرات فلتر CSS مثل التعتيم، سطوع، تباين، وغيرها مع عناصر تحكم بصرية.
🎨 CSS & Design
مكان تجريبي لتحويلات CSS
جرب تحويلات CSS بما في ذلك الدوران والتكبير والانحناء والانتقال مع منظور ثلاثي الأبعاد.
🎨 CSS & Design
مُولِد حركة CSS
أنشئ animations keyframe في CSS مع تأثيرات مسبقة ووقت قابل للتعديل.
🎨 CSS & Design
مُولِد انتقالات CSS
انشئ انتقالات CSS مع خاصية قابلة للتخصيص، مدة، تخفيف، وتأثيرات عند التحويل.
🎨 CSS & Design
مسرح تجريبي ل CSS Flexbox
مستكشف CSS Flexbox المرئي مع عناصر تحكم تفاعلية لجميع خصائص حاوية المرونة.
🎨 CSS & Design
ملعب CSS Grid
بناء CSS Grid بصروري مع عناصر تحكم تفاعلية لأعمدة القالب والصفوف والفراغات.
🎨 CSS & Design
مُولِد الجداول باستخدام CSS
ابني جداول HTML ذات تصاميم جميلة مع ألوان قابلة للتخصيص والشرائط وتأثيرات التمرير.
🎨 CSS & Design
مُولِّد أعمدة CSS
أنشئ تخطيطات نصية متعددة الأعمدة مع عدد أعمدة وفراغ وتحسين نمط قابلين للتخصيص.
🎨 CSS & Design
مُنشئ تخطيطات CSS Scroll Snap
إنشاء تخطيطات CSS Scroll Snap للتمرير الأفقي والرأسي مع محاذاة اللقطة.
🎨 CSS & Design
مُحسّن زجاجيّة مشعّشة
انشئ تأثيرات واجهة مستخدم زجاجية مشعّشة مع ضبط خلفية متعمّمة، شفافية، وتشبع.
🎨 CSS & Design
مُحَوِّل النيومورفيزم
انشئ تصاميم نيومورفيك (واجهة مستخدم ناعمة) مع أزواج ظلال خفيفة وغامقة.
🎨 CSS & Design
مُحول الشكل الطيني
أنشئ تأثيرات واجهة مستخدم ثلاثية الأبعاد تشبه الطين مع زوايا مدورة، ظلال داخلية، وتأثيرات عالية ناعمة.
🎨 CSS & Design
نص CSS التدرجي
انشئ نصًا مع ملء تدرجي باستخدام CSS background-clip و text-fill-color.
🎨 CSS & Design
نمط خلفية سي اس اس
إنشاء أنماط خلفية متكررة في سي اس اس بما في ذلك الشرائط والشطرنج والنقاط والمزيد.
🎨 CSS & Design
مُولِد نَمَطات SVG
انشئ نمطات متكررة مبنية على SVG لخلفيات CSS مع أشكال متنوعة.
🎨 CSS & Design
مُولِد الكتلة CSS
إنشاء أشكال كتلة عضوية كـ SVG مع ملء تدرجي وتصادفي.
🎨 CSS & Design
مُحول موجات سي إس إس
إنشاء مقسمات أقسام SVG بموجات قابلة للتعديل وارتفاع وألوان.
🎨 CSS & Design
مُولِد قَسْم CSS
إنشاء أقسام منفصلة في CSS بطرق متعددة تشمل التدرج والظل والزغب.
🎨 CSS & Design
مُختبر التصميم المرن
معاينة المواقع الإلكترونية في نقاط انقطاع الأجهزة الشائعة باستخدام عارض إطار متضمّن.
🎨 CSS & Design
مُولِد استفسارات الوسائط
إنشاء استفسارات الوسائط CSS مع شروط الميزات و نقاط التوقف المسبقة.
🎨 CSS & Design
مكان تجريبي ل Tailwind CSS
تطبيق فئات'utilty' من Tailwind CSS على العناصر مع معاينة مباشرة وإخراج HTML.
🎨 CSS & Design
مُولِد تَشْكِيلات Tailwind
أَنشئ ملفات تَشْكِيل Tailwind CSS مَع ألوان مخصصة وخطوط وأحجام شاشة.
🎨 CSS & Design
مُولِد مقياس الطباعة
إنشاء مقياس طباعي متجدد مع حجم أساسي قابل للتعديل ونسبة ووحدات.
🎨 CSS & Design
مُولِد نظام المسافات
انشئ نظامًا متسقًا للمسافات مع وحدة أساسية قابلة للتخصيص ومضاعفات.
🎨 CSS & Design
معاينة خطوط جوجل
معاينة خطوط جوجل مع نص قابل للتعديل، وحجم، ووزن، ومسافة بين الحروف.
🎨 CSS & Design
بحث عن الأيقونات
ابحث عن وتخصيص أيقونات SVG مفتوحة المصدر مع حجم و لون و خط قابل للتعديل.
🎨 CSS & Design
SVG إلى خلفية CSS
تشفير رمز SVG كخلفية صورة CSS باستخدام ترميز URI البيانات.
🎨 CSS & Design
مُولِّد متغيرات CSS
إنشاء خصائص مخصصة لCSS (متغيرات) للألوان والتباعد والتخطيط.
🎨 CSS & Design
مشاهدة إعادة تعيين CSS
عرض ومقارنة أوراق الأنماط الشائعة لإعادة تعيين وتنسيق CSS.
🎨 CSS & Design
مُحول صندوق نسبة الجانب
أنشئ صناديق نسبة جانبية مستجيبة باستخدام نهج CSS الحديث والموروث.
🎨 CSS & Design
مُولِد عدادات CSS
إنشاء عدادات CSS مخصصة لقوائم مرقمة بأساليب وتراكيب مختلفة.
🎨 CSS & Design
مُنشئ أنماط الطباعة
إنشاء أنماط طباعة @media مع خيارات لإخفاء العناصر وتحسين النص والتحكم في فترات الصفحة.
🎨 CSS & Design
مُضمن أنماط سي إس الإلكتروني
دمج أنماط CSS في عناصر HTML لتحقيق التوافق مع قوالب البريد الإلكتروني.
🎨 CSS & Design