التصميم واللون أدلة
اختر أداة لقراءة الدليل الكامل والأمثلة واستكشاف الأخطاء وإصلاحها.
مولد الظل لصندوق CSS — الدليل والأمثلة والأسئلة الشائعة
صمم ظلال مربعة ذات طبقات بشكل مرئي وانسخ CSS الجاهز للإنتاج.
4 دقيقة قراءةمولد التدرج CSS — الدليل والأمثلة والأسئلة الشائعة
قم بإنشاء تدرجات خطية وشعاعية ومخروطية مع توقفات لونية متعددة.
4 دقيقة قراءةمولد نصف قطر الحدود — الدليل والأمثلة والأسئلة الشائعة
تحكم في كل زاوية بشكل مستقل وقم بمعاينة الأشكال والحبوب العضوية.
4 دقيقة قراءةمحول الألوان — الدليل والأمثلة والأسئلة الشائعة
قم بالتحويل بين HEX وRGB وHSL وHSV باستخدام العينات الحية وتلميحات التباين.
4 دقيقة قراءةمدقق التباين WCAG — الدليل والأمثلة والأسئلة الشائعة
قم بقياس نسب تباين النص وتحقق من توافق AA/AAA للنص العادي والكبير.
4 دقيقة قراءةتحويل PX إلى REM — الدليل والأمثلة والأسئلة الشائعة
قم بتحويل وحدات البكسل إلى rem والعكس بحجم خط جذر قابل للتكوين.
4 دقيقة قراءةمولد CSS Flexbox — الدليل والأمثلة والأسئلة الشائعة
أنشئ تخطيطات flexbox بشكل مرئي وانسخ CSS.
4 دقيقة قراءةمولد شبكة CSS — الدليل والأمثلة والأسئلة الشائعة
قم بإنشاء أعمدة وصفوف وفجوات شبكة CSS سريعة الاستجابة بشكل مرئي.
4 دقيقة قراءةمولد المثلث CSS — الدليل والأمثلة والأسئلة الشائعة
قم بإنشاء مثلثات CSS في أي اتجاه باستخدام خدعة الحدود.
4 دقيقة قراءةمولد التشكل الزجاجي — الدليل والأمثلة والأسئلة الشائعة
قم بإنشاء بطاقات من الزجاج المصنفر مع التمويه والصبغة والحدود والظل.
4 دقيقة قراءةمولد شريط التمرير المخصص — الدليل والأمثلة والأسئلة الشائعة
تصميم أشرطة التمرير باستخدام خصائص WebKit وFirefox CSS.
4 دقيقة قراءةمولد الرسوم المتحركة CSS — الدليل والأمثلة والأسئلة الشائعة
قم بإنشاء رسم متحرك للإطار الرئيسي بالتلاشي والانزلاق مع توقيت قابل للتكوين.
4 دقيقة قراءةمولد الطباعة السوائل — الدليل والأمثلة والأسئلة الشائعة
قم بإنشاء أحجام خطوط المشبك () التي يتم تغيير حجمها بسلاسة بين إطارات العرض.
4 دقيقة قراءةمولد مرشح CSS — الدليل والأمثلة والأسئلة الشائعة
اجمع بين مرشحات التمويه والسطوع والتباين والتشبع وتدرج الألوان بشكل مرئي.
4 دقيقة قراءةمولد لوحة الألوان — الدليل والأمثلة والأسئلة الشائعة
قم بإنشاء لوحات تكميلية ومتماثلة وثلاثية ورباعية من اللون الأساسي.
4 دقيقة قراءةمولد الصبغة والظل — الدليل والأمثلة والأسئلة الشائعة
قم بإنشاء خمس صبغات وخمسة ظلال من أي لون أساسي.
4 دقيقة قراءةمولد موجة SVG — الدليل والأمثلة والأسئلة الشائعة
قم بإنشاء مسارات موجة SVG سلسة لمقسمات الأقسام والخلفيات.
4 دقيقة قراءةوضع الحماية لإقران الخط — الدليل والأمثلة والأسئلة الشائعة
معاينة أزواج الخطوط الرئيسية والنصية باستخدام خطوط النظام.
4 دقيقة قراءةمولد مكدس خط النظام — الدليل والأمثلة والأسئلة الشائعة
انسخ مجموعات خطوط النظام الجاهزة لواجهة المستخدم والنثر.
4 دقيقة قراءةمولد ظل النص CSS — الدليل والأمثلة والأسئلة الشائعة
صمم ظلال النص ذات الطبقات وانسخ CSS.
4 دقيقة قراءة