مولد CSS مجاني لمرشحات Instagram-Style

كم سيكون رائعًا إضافة مرشحات الصور إلى موقعك؟ منذ سنوات ، تطلب هذا جافا سكريبت ولكن في الوقت الحالي يمكنك إنشاء فلاتر صور مخصصة باستخدام HTML و CSS قديم جيد.

ومع تطبيق cssFilters webapp ، لن تضطر إلى كتابة أي من كود CSS!

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

في الجزء العلوي من الشاشة ، ستلاحظ وجود شريط طويل مليء بفلاتر Instagram المخصصة. تشمل هذه المرشحات جميع الخيارات الشائعة مثل هدسون ، محمصة ، Inkwell ، لوفي وغيرها الكثير.

يمكنك ببساطة النقر فوق أي مرشح تريد ثم انقر فوق “كود CSS” علامة التبويب في الزاوية العلوية اليمنى. من هناك ستحصل على كل من كود HTML و CSS. ما عليك سوى نسخ / لصق في موقع الويب الخاص بك وأنت على ما يرام.

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

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

ويمكنك أيضًا تبديل الصورة الافتراضية عن طريق تحميل واحدة من جهاز الكمبيوتر الخاص بك أو اختيار واحدة من Unsplash.

تم إنشاء هذا التطبيق من قِبل Indrashish Ghosh ويقوم بتشغيل العديد من الفئات الافتراضية الموجودة في مكتبة CSSgram.

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