CSS والتصميم
كل أداة CSS والتصميم على Toolz.dev: 14 أدوات مساعدة مجانية تعمل بالكامل في متصفحك. لا اشتراك ولا تحميل ولا تنزيلات.
Showing 14 tools
مولد التدرج CSS
إنشاء تدرجات CSS جميلة مع معاينة مباشرة
مولد الظل نص CSS
قم بتصميم ظلال نصية CSS ذات طبقات مع معاينة مباشرة وشرائح تمرير للإزاحة والطمس واللون والعتامة - قم ببناء تأثيرات التوهج والمخطط التفصيلي والتأثيرات ثلاثية الأبعاد والزخرفة، ثم انسخ CSS الجاهز للإنتاج.
مولدات CSS للحدود
قم بتقريب أي زاوية مع معاينة مباشرة ومنزلقات لكل زاوية ، وقم بالتبديل بين PX و٪ و EM و REM ، وانسخ أقصر نصف قطر حدود CSS صالح.
مولد مرشح CSS
قم بتطبيق Blur و Brightness و Contrast و Grayscale و Sepia و Hue-Rotate والمزيد مع أشرطة التمرير الحية والمعاينة ، ثم انسخ رمز تصفية CSS الجاهز للإنتاج.
مولدات CSS Glassmorphism
قم بإنشاء واجهة مستخدم زجاجية بلورية مع معاينة مباشرة وشرائح تمرير لطمس الخلفية والشفافية والتشبع واللون ونصف القطر - ثم انسخ CSS الجاهز للإنتاج.
مولد CSS Neorphormism
قم بإنشاء عناصر واجهة مستخدم ناعمة (neumorphic) مع معاينة مباشرة وعناصر تحكم للمسافة والطمس والكثافة ونصف القطر ولون السطح والأشكال المسطحة/المقعرة/المحدبة/المضغوطة - ثم انسخ CSS.
مولد فليكس بوكس
قم بإنشاء تخطيطات CSS flexbox بشكل مرئي. اضبط محتوى التبرير ومحاذاة العناصر والاتجاه واللف والفجوة من خلال معاينة مباشرة، ثم انسخ CSS الذي تم إنشاؤه - كل ذلك في متصفحك.
مولد شبكة CSS
قم ببناء تخطيطات شبكة CSS بشكل مرئي. قم بتعيين الأعمدة والصفوف وأحجام المسارات والفجوات والمحاذاة مع معاينة مباشرة، ثم انسخ شبكة CSS التي تم إنشاؤها - كل ذلك في متصفحك.
مولد تحويل CSS
قم ببناء تحويل CSS من منظور الترجمة والتدوير والتوسيع والانحراف والمنظور ثلاثي الأبعاد باستخدام أشرطة التمرير المباشرة والمعاينة، ثم انسخ التعليمات البرمجية الجاهزة للإنتاج.
مولد الانتقال CSS
قم بإنشاء انتقال CSS من الخاصية والمدة ووظيفة التوقيت والتأخير باستخدام معاينة التمرير المباشر، ثم انسخ التعليمات البرمجية الجاهزة للإنتاج. يدعم طبقات متعددة.
مولد الرسوم المتحركة CSS
قم بإنشاء رسوم متحركة للإطار الرئيسي لـ CSS من الإعدادات المسبقة مثل التلاشي والانزلاق والارتداد والدوران. اضبط المدة والتيسير والتأخير والتكرار والاتجاه، وقم بالمعاينة المباشرة، ثم انسخ الإطارات الرئيسية واختصار الرسوم المتحركة.
مولد الظل مربع CSS
قم بتصميم ظلال صندوق CSS ذات طبقات مع معاينة مباشرة وشرائح تمرير للإزاحة، والطمس، والانتشار، واللون، والعتامة، والإدراج - ثم انسخ CSS الجاهز للإنتاج.
محول وحدة CSS
قم بالتحويل بين وحدات CSS - px وrem وem وpt و% - بحجم خط جذر قابل للتكوين وإخراج فوري لجميع الوحدات وجدول مرجعي px-to-rem للطباعة سريعة الاستجابة.
مولد المشبك CSS
قم بإنشاء قيم مشبك () CSS سلسة وسريعة الاستجابة يتم قياسها بين منافذ العرض