CSS Gradient Generator: إنشاء وتعديل التدرجات في CSS
CSS Gradient Generator

CSS Gradient Generator هو تطبيق يساعد في إنشاء وتعديل التدرجات في CSS. يتكون من أربعة أجزاء رئيسية، بما في ذلك قائمة التدرجات، لوحة الإعدادات للطبقة، اللوحة الرئيسية، والمكتبة. يوفر العديد من الخيارات والاستخدامات المتعلقة بتصميم التدرجات في CSS.

زيارة الموقع
CSS Gradient Generator: إنشاء وتعديل التدرجات في CSS

CSS Gradient Generator

تطبيق CSS Gradient Generator يعد أداة قوية في مجال تصميم المواقع. يتكون هذا التطبيق من أربعة أجزاء رئيسية.

قائمة التدرجات

على الجانب الأيسر، هناك قائمة الطبقات. إذا كان هناك على الأقل طبقة واحدة في القائمة، ستتمكن من تنزيل الكود النهائي عن طريق النقر على الزر. في هذا اللوحة، يمكنك إدارة ترتيب الطبقات، حذفها، وتعطيل ظهورها. إذا تم تعيين طبقة معينة على غير الظاهر، فلن يتم حسابها في عملية إنشاء الكود النهائي.

عند النقر على طبقة، ستظهر لوحة مع الإعدادات في الجزء السفلي من التطبيق.

لوحة الإعدادات للطبقة

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

يمكنك تغيير القيم في المدخلات عن طريق الكتابة، باستخدام عجلة الماوس، أو عن طريق النقر على الحقل و trascating المؤشر لأعلى أو لأسفل.

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

يمكنك تحريك اللوحة بأكملها عندما تمسك بحدها العلوي.

بعدها، هناك زر يفتح لوحة حيث يمكنك إضافة نقاط تلقائيًا إلى الشريط.

المكان الرئيسي في هذه اللوحة هو شريط التدرج. إذا قمت بالنقر المزدوج على نقطة معينة في الشريط، سوف تضيف نقطة جديدة إليه.

يمكنك تحريك النقاط باستخدام الماوس أو مفاتيح الأسهم. يمكنك تحديد أكثر من نقطة باستخدام مفتاح Ctrl.

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

يمكنك أيضًا تعيين لونًا صلبًا إلى الجانب الأيسر/اليمين بالنسبة إلى نقطة مختارة.

يمكنك نسخ/لصق اللون من نقطة مختارة. يمكنك إجراء جميع هذه الإجراءات باستخدام المفاتيح المناسبة. أفضل الطرق هي إلقاء نظرة على علامة التاب "اللوحة المفاتيح" في هذه المساعدة.

بالإضافة إلى ذلك، يمكنك تشغيل وضع الدقة بالنسبة إلى الشريط عن طريق زر.

اللوحة الرئيسية

عند تحديد طبقة من اللوحة اليسرى، في اللوحة الرئيسية، ستتمكن من تحديد نقطة البؤرة الخاصة بها، اتجاه التدرج، وكذلك موقع التدرج. هذه الخيارات متاحة اعتمادًا على نوع كل تدرج وحجمه.

تلك الخيارات المعروضة في الجزء السفلي من اللوحة الرئيسية.

يمكنك التبديل إلى أوther أنماط باستخدام المفاتيح (Q, W, E) المعروضة في الجزء السفلي من اللوحة.

يمكنك أيضًا التبديل بين هذه الأنماط باستخدام مفاتيح الماوس.

بالإضافة إلى ذلك، تستخدم مفتاح S لتشغيل/تعطيل الشبكة و وضع التقاط.

المكتبة

تُستخدم المكتبة لتخزين الأعمال المحفوظة فيها. لاظهارها، قم بالنقر على الصورة.

عند إضافة على الأقل طبقة واحدة إلى عملك، ستتمكن من حفظ العمل الكامل الحالي في المكتبة.

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

يمكنك الاستمرار في العمل على عملك ثم حفظه في المكتبة كعنصر جديد.

في الزاوية اليمنى العليا من المكتبة، لديك أيقونة قائمة. في هذه القائمة، لديك بعض الخيارات.

الخيار الأول "إدارة المكتبة" يسمح لك... بإدارة المكتبة.一旦你启用它,你可以添加新的组,重命名现有的组,或者在组之间拖动项目。导入和导出允许你从文件中导入选定的元素并导出到文件。此菜单中的最后一个选项允许你打开一个在线图书馆。从这个面板中,你可以添加其他用户创建的元素。如果你想自己分享你的工作,你可以使用一个附加的表单,你可以通过点击在线图书馆面板顶部文本中的链接来打开它。

أفضل البدائل لـ CSS Gradient Generator

lindo.ai

lindo.ai

lindo.ai هو البناء المخصص بالذكاء الاصطناعي للويب الذي يساعد المستخدمين في إنشاء المواقع بشكل سريع وربح المال.

Website Builder Hub

Website Builder Hub

Website Builder Hub بيوفر إنشاء مواقع بالذكاء الاصطناعي واختيارات تصميم رائعة

Bigly Page

Bigly Page، منصة بناء المواقع الإلكترونية بالذكاء الاصطناعي، تمنحك تجربة رائعة.

Pagestacks

Pagestacks

Pagestacks هو أداة قوية تساعد وكالات إنشاء المواقع العالية التحويل.

Pagecloud Website Builder

Pagecloud Website Builder

Pagecloud هو البناء الموقع الذكي الذي يساعد المستخدمين في إنشاء المواقع والمنتجات والاستخدامات.

مبني موقع الويب الذكي

مبني موقع الويب الذكي

مبني موقع الويب الذكي هو أداة مدعومة بالذكاء الاصطناعي لإنشاء مواقع ويب بسرعة جنونية

60sec.store

60sec.store

60sec.store هو منصة تعتمد على الذكاء الاصطناعي لتوليد صفحات هبوطية عالية التحويل في ثوانٍ.

Pixpa

Pixpa

Pixpa، منصة بناء مواقع إلكترونية للمبدعين بتعدد المزايا.

FaviCraft

FaviCraft

FaviCraft هو أداة تعمل بالذكاء الاصطناعي تساعد المستخدمين على إنشاء أو تحويل أيقونات الموقع بسهولة.

SaaS Construct

SaaS Construct

SaaS Construct هي قالب سحابي يوفر العديد من الميزات لمشاريعك

Extendify

Extendify

Extendify هي أداة تعتمد على الذكاء الاصطناعي لتطوير وازدهار عملك في استضافة WordPress.

My AI Startup

My AI Startup هي التي تزوّدك بكل ما تحتاجه لإنشاء مشروع AI أو تطبيق ويب بسرعة وبدء كسب المال عبر الإنترنت.

InstantKnow

InstantKnow

InstantKnow هو أداة مراقبة المواقع التي تساعد المستخدمين على متابعة التغييرات بشكل سريع.

CSS Gradient Generator

CSS Gradient Generator

CSS Gradient Generator هو تطبيق يساعد المستخدمين في إنشاء وتعديل التدرجات في CSS.

EazieBuy

EazieBuy

EazieBuy، منصة مدعومة بالذكاء الاصطناعي لبناء وإدارة المواقع الإلكترونية في أفريقيا بكل سهولة

Makeasite

Makeasite

Makeasite هي أداة قوية تعمل بفضل الذكاء الاصطناعي تمكنك من إنشاء المواقع بسرعة.

LansiAI

LansiAI

LansiAI هو موقع لإنشاء مواقع ويب باستخدام الذكاء الاصطناعي بسرعة

Craftable PRO

Craftable PRO

أداة تعمل على Laravel تساعد المطورين في إنشاء لوحات إدارة بسرعة.

Pixable

Pixable

Pixable هي شركة تقنية قوية تعتمد على الذكاء الاصطناعي لتحويل المؤسسات

Brizy AI Builder

Brizy AI Builder

Brizy AI Builder هو أداة قوية تعمل ب_power AI_ تتيح لك إنشاء مواقع ويب رائعة بسهولة.

GramSite

GramSite

GramSite هو أداة قوية تعمل بالذكاء الاصطناعي تُحوِّل صفحتك على Instagram إلى موقع رائع في ثوانٍ.

YourDomainSite

YourDomainSite

YourDomainSite هو موقع قوي لإنشاء صفحات الهبوط الذكية في دقائق

CreateWebsite.io

CreateWebsite.io هو موقع لبناء المواقع الإلكترونية بالذكاء الاصطناعي ويبسط عملية الإنشاء.

Codejet

Codejet، محرك بناء المواقع الإلكترونية الذكي اللي يوفّر الوقت والمجهود

الفئات المتعلقة بـ CSS Gradient Generator