امزج تدرجات CSS الخاصة بك مع تطبيق الويب المجاني هذا

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

والآن ، تطبيقات الويب المجانية مثل مزيج تتيح لك إنشاء تدرجات CSS3 أثناء التنقل مع محررين بصريين في المتصفح. يمكنك الاختيار بين التدرجات الخطية والشعاعية بينما العبث مع الألوان لمزيج.

يتم تحميل الصفحة الأولية بـ لونين الصلبة على أحد الجانبين. يمكنك استعمال ال لوحة الألوان لقلب بين الأشكال أو أدخل رمز HEX اليدوي إذا كنت تعرف اللون الذي تريده. بمجرد حصولك على لونين تريدهما ، انقر فوق “دعونا مزيج” زر في المركز.

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

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

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

Blend هي أداة مجانية أنشأها مصمم مدينة نيويورك كولين كيني. انها أيضا استضافت على موقعه, على الرغم من أنني لا أرى رابطًا لـ GitHub أو أي كود مصدر مجاني في أي مكان. لكنه لم يكتب دراسة حالة بالتفصيل عمليته إنشاء Blend مع جميع الميزات في متناول يدي.

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

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

وإذا كنت ترغب في مشاركة أفكارك أو قل شكراً على أداة التدرج هذه ، يمكنك تغريدة Colincolinkeany.