محرر CSS Gradient: إنشاء رمز CSS لخلفية التدرج [Mac]

click fraud protection

CSS هو كل ما يتحكم في كيفية ظهور صفحة الويب أو التطبيق للمستخدم النهائي ، ولكن كتابة الورقة الأساسية يمكن أن تستغرق بعض الوقت. من المحتمل أن تجد سببًا في العثور على الكثير من مولدات رمز CSS التلقائية التي تتيح لك إضافة تأثيرات أو إنشاء كائنات أو تدرجات بسيطة. محرر CSS التدرج هو تطبيق Mac مجاني يتيح لك إنشاء خلفيات متدرجة. يوفر لك التطبيق واجهة مستخدم رسومية بسيطة ، مما يتيح لك تحديد أي لون للتدرج ، وإضافة ما يصل إلى خمس محطات وتحديد مكان كل محطة. يمكن أن يكون التدرج عموديًا أو أفقيًا ، ويتيح لك التطبيق إنشاء إعدادات مسبقة وإنشاء CSS كود متوافق مع Chrome و Firefox و Safari و Internet Explorer 10 و Opera وكلها تتوافق مع W3C اساسي. يمكنك إدخال الألوان مثل رموز RGB و HSL و Hex.

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

محرر CSS التدرج

ستعمل في الغالب مع القسم الأيسر السفلي. اعتمادًا على نوع التدرج الذي تريد إنشاءه ، انقر فوق الزر X Axis (للتدرج العمودي) أو الزر Y (للتدرج الأفقي). انقر فوق مربع اللون لـ

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

يضيف CSS Gradient Editor محطات توقف

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

احصل على CSS Gradient Editor من Mac App Store

watch instagram story