CodeKitHubأدوات CSS
مولّدات CSS بصرية — حرّك أشرطة التمرير وانسخ الكود، دون الحاجة لحفظ الصياغة عن ظهر قلب.
أدوات في هذه الفئة
أداة إنشاء الزوايا الدائرية (Border Radius)
اسحب أشرطة التمرير لتدوير كل زاوية وانسخ كود border-radius.
مولّد الظل الصندوقي
اضبط أشرطة التمرير للإزاحة والتمويه والانتشار واللون، ثم انسخ كود box-shadow.
مولّد الظلال لـ React Native
صمّم الظل بصريًا واحصل على كائن أنماط React Native الدقيق لكل من iOS وAndroid.
مولد CSS Cubic-Bezier
شكّل منحنى تسارع مخصصًا باستخدام أشرطة التمرير، وعاين الحركة، وانسخ كود cubic-bezier() الخاص بـ CSS.
CSS Checkbox Generator
صمّم مربع اختيار بعلامة صح مستديرة أو مفتاح تبديل أو دائرة ممتلئة وانسخ كود CSS.
مولّد تأثير الزجاج المصنفر CSS
اضبط شفافية الخلفية والضبابية والحدود ونصف القطر لبناء بطاقة زجاجية مصنفرة، ثم انسخ كود CSS.
مولّد أنماط خلفيات CSS
اختر نمطًا (نقاط، خطوط، رقعة شطرنج، شبكة)، اضبط اللون والحجم، ثم انسخ كود CSS.
مولّد CSS Clip-Path
اختر نمط شكل جاهز، عاين القص مباشرة، وانسخ كود clip-path الناتج.
مرجع ألوان Tailwind
ابحث عن أي لون افتراضي في Tailwind بالاتجاهين: من HEX إلى اسم الفئة، أو من اسم الفئة إلى HEX/RGB — بالإضافة إلى لوحة ألوان كاملة قابلة للتصفح.
محول Pantone CMYK RGB
حوّل بين رموز Pantone (PMS) وCMYK وRGB وHex في الاتجاهين، مع مرجع Pantone قابل للبحث يضم 1341 لونًا.